Google Map Demo

Source: http://cableparks.info - show current location

Source Code

<html>
	<head>
		<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js"></script>
		<script type="text/javascript" src="/resources/js/geolocation-marker.js"></script>
	   	<script type="text/javascript">
		//<![CDATA[
		    
		//]]>
		</script>
	</head>
	
	<body>
		<h1>Google Map Demo</h1>
		<div id="map_canvas" style="width:100%;height:400px;"></div>
		Source: <a href="http://cableparks.info">http://cableparks.info</a>
		-
		<a href="#" onclick="return showPosition()">show current location</a>
	</body>
</html>

Help

You can customize the size of the map by customizing the CSS style of the "map_canvas" element. The "initMap" function can also be customized. You can define the country highlighting and the map section there. (CONFIGURATION SECTION)