World Traveler
script type="text/javascript"> var map; var markersArray = []; function initialize() { var latlng = new google.maps.LatLng(12.9833, 77.5833); var myOptions = { zoom: 10, center: latlng, mapTypeId: google.maps.MapTypeId.ROADMAP }; map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); // add a click event handler to the map object google.maps.event.addListener(map, "click", function(event) { // place a marker placeMarker(event.latLng); // display the lat/lng in your form's lat/lng fields document.getElementById("latFld").value = event.latLng.lat(); document.getElementById("lngFld").value = event.latLng.lng(); }); } function placeMarker(location) { // first remove all markers if there are any deleteOverlays(); var marker = new google.maps.Marker({ position: location, icon: "http://localhost:8080/HTML5/pin_blue.png", map: map }); // add marker in markers array markersArray.push(marker); //map.setCenter(location); } // Deletes all markers in the array by removing references to them function deleteOverlays() { if (markersArray) { for (i in markersArray) { markersArray[i].setMap(null); } markersArray.length = 0; } }
Cities |
---|
newyork |
Michigan |