Получить широту и долготу при клике по карте Google

Я успешно реализовал карту Google. Но еще одно дело осталось. Мне нужно получить данные о долготе и широте, когда пользователь нажимает на карту (любые координаты). Весь мой код выглядит так:Получить широту и долготу при клике по карте Google

<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>`

Заранее спасибо!

источник

2012-02-12 Anil Sharma

Вы можете добавить клик-обработчик, как у вас есть обработчик загрузки:

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

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

});

источник

2012-02-12 07:12:08 danwellman

ок, но как бы я получить долготу и широту от объекта (е)? –

+17

e.latlng предоставляет отдельные функции lat и lng через функции getter, поэтому вы можете делать e.latlng.lat() и e.latlng.lng() – danwellman

Я пытался следовать этому и выяснил, что имя объекта 'latLng' не 'latlng'. Надеюсь, это поможет :) –

<script> 
     var map; 
     function init_map() { 
      var opts = { 'center': new google.maps.LatLng(35.567980458012094,51.4599609375), 'zoom': 5, 'mapTypeId': google.maps.MapTypeId.ROADMAP } 
       map = new google.maps.Map(document.getElementById('mapdiv'), opts); 

      google.maps.event.addListener(map,'click',function(event) { 
       document.getElementById('latlongclicked').value = event.latLng.lat() 
       document.getElementById('lotlongclicked').value = event.latLng.lng() 
      }); 

      google.maps.event.addListener(map,'mousemove',function(event) { 
       document.getElementById('latspan').innerHTML = event.latLng.lat() 
       document.getElementById('lngspan').innerHTML = event.latLng.lng() 
      }); 

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

источник

2016-06-02 19:47:08

Получить широту и долготу при клике по карте Google

ответ

Смежные вопросы