Monday, May 20, 2024
 Popular · Latest · Hot · Upcoming
58
rated 0 times [  65] [ 7]  / answers: 1 / hits: 58978  / 13 Years ago, sun, february 12, 2012, 12:00:00

I have implemented the Google map successfully. But one more thing has left to do. I need to retrieve the Longitude and Latitude data when the user clicks on the map (any co-ordinates). My entire code looks like this:



<script type=text/javascript src=http://maps.googleapis.com/maps/api/js?sensor=false></script>
<script type=text/javascript>
var map;
function initialize() {
var myLatlng = new google.maps.LatLng(<?=$decimalValueLon?>,<?=$decimalValueLat?>);
var myOptions = {
zoom: 17,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.SATELLITE
};


map = new google.maps.Map(document.getElementById('map_canvas'),
myOptions);

// marker STARTS
var marker = new google.maps.Marker({
position: myLatlng,
title:Click to view info!
});
marker.setMap(map);
// marker ENDS

// info-window STARTS
var infowindow = new google.maps.InfoWindow({ content: <div class='map_bg_logo'><span style='color:#1270a2;'><b><?=$row->bridge_name?></b> (<?=$row->bridge_no?>)</span><div style='border-top:1px dotted #ccc; height:1px; margin:5px 0;'></div><span style='color:#555;font-size:11px;'><b>Length: </b><?=$row->bridge_length?> meters</span></div> });
google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map,marker);
});
// info-window ENDS
}

google.maps.event.addDomListener(window, 'load', initialize);
</script>`


Thanks in advance !


More From » google-maps

 Answers
31

You can add a click-handler like you have a load handler:



google.maps.event.addListener(map, click, function (e) {

//lat and lng is available in e object
var latLng = e.latLng;

});

[#87527] Friday, February 10, 2012, 13 Years  [reply] [flag answer]
Only authorized users can answer the question. Please sign in first, or register a free account.
skyler

Total Points: 646
Total Questions: 119
Total Answers: 96

Location: Bonaire
Member since Wed, Mar 29, 2023
1 Year ago
;