Google Maps Javascript API V3
<body onload="initialize()">
<div id="map_canvas" style="width: 600px; height: 400px"></div>
</body>
Add a HTML box to your page the size you want the map.
<script src="http://maps.googleapis.com/maps/api/js?sensor=false" type="text/javascript"></script>

<script type="text/javascript">function initialize() {
var myLatlng = new google.maps.LatLng(42.23 , -85.55);
var myOptions = {
zoom: 12,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
title:" Yes!, There really is a place called Kalamazoo."
});
}
</script>
Keep the box open for step 3
Paste the code below to the Header HTML of the HTML Box in step 1
Step 1
Step 2
Step 3
Now paste the code below to the Body HTML
Adjust the LatLng numbers to your need.
Adjust the starting Zoom
Adjust the width and height to match your HTML box
Back to Progrower.coffeecup.com
Google Map using ip address to detect users location
Adjust the title