Google Map pointing latitude & longitude

by Prabakaran 2013-11-13 09:09:35

<pre><input type="text" name="latitude" id="lat" readonly onclick="show_popup();" maxlength=10 value="" />
<input type="text" name="longtitude" id="lng" onclick="show_popup();" readonly maxlength=10 value="" />

<script src="jquery.min.js" type="text/javascript"></script>
<script src="http://maps.google.com/maps?file=api&v=2&key=AIzaSyB6HHtXKJOnGVmQLm6cr5oXLFu-vJK8aSs" type="text/javascript"></script>
<script>



</script>

<div align="center" id="map" style="width: 500px; height: 400px"></div>

</div>

<script>
function show_popup()
{



if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
var center = new GLatLng(23.56,77.36);
map.setCenter(center, 3);
geocoder = new GClientGeocoder();
var marker = new GMarker(center, {draggable: true});
map.addOverlay(marker);
document.getElementById("lat").value = center.lat().toFixed(5);
document.getElementById("lng").value = center.lng().toFixed(5);

GEvent.addListener(marker, "dragend", function() {
var point = marker.getPoint();
map.panTo(point);
document.getElementById("lat").value = point.lat().toFixed(5);
document.getElementById("lng").value = point.lng().toFixed(5);

});


GEvent.addListener(map, "moveend", function() {
map.clearOverlays();
var center = map.getCenter();
var marker = new GMarker(center, {draggable: true});
map.addOverlay(marker);
document.getElementById("lat").value = center.lat().toFixed(5);
document.getElementById("lng").value = center.lng().toFixed(5);


GEvent.addListener(marker, "dragend", function() {
var point =marker.getPoint();
map.panTo(point);
document.getElementById("lat").value = point.lat().toFixed(5);
document.getElementById("lng").value = point.lng().toFixed(5);

});

});

}
}

</script></pre>
627
like
0
dislike
0
mail
flag

You must LOGIN to add comments