Próbuję zbudować telefon komórkowy HTML5 WebApp, w którym użytkownik może kliknąć mapę, aby uzyskać Lat / Długi z Google Maps. Czy jest przykład kodu? Próbowałem Googling, ale znalazłem tylko witrynę, która robi to, ale nie ma przykładu SouceCode.

Dzieje się tak, ponieważ zamierzam użyć Geolokalizacji HTML5, aby wyświetlić aktualną lokalizację najpierw, ale jeśli nie jest dokładne, użytkownicy mogą to określić samodzielnie.

Wielkie dzięki.

31
toy 6 listopad 2011, 16:21

3 odpowiedzi

Najlepsza odpowiedź

Poniższy kod pokaże, jak uzyskać długi i Lat, gdy użytkownik kliknie mapę - Zezwalaj użytkownikowi umieścić znacznik na mapie Google

google.maps.event.addListener(map, 'click', function( event ){
  alert( "Latitude: "+event.latLng.lat()+" "+", longitude: "+event.latLng.lng() ); 
});
61
Community 23 maj 2017, 11:54

Musisz użyć argumentu zdarzeń.

 google.maps.event.addListener(map, 'click', function(event) {
     marker = new google.maps.Marker({position: event.latLng, map: map});
     console.log(event.latLng);   // Get latlong info as object.
     console.log( "Latitude: "+event.latLng.lat()+" "+", longitude: "+event.latLng.lng()); // Get separate lat long.
 });
3
Ashish Gupta 6 czerwiec 2017, 08:38

Chcę pokazać ci pełną odpowiedź!

Jest to główna część kodu Wydarzenie jest oparte na kliknięciu i uzyskać Lat / Long za pomocą kliknięcia i pokaż go w Alert ()

Google.Maps.event.addlistener (mapa "kliknij", funkcja (zdarzenie) {alert (Event.latlng.lat () + "," + Event.latlng.lng ());});

<!DOCTYPE html>
<html>
<body>
<div id="googleMap" style="width:100%;height:400px;"></div>

<script>
function myMap() {
var mapProp= {
    center:new google.maps.LatLng(51.508742,-0.120850),
    zoom:5,
};
var map=new google.maps.Map(document.getElementById("googleMap"),mapProp);

google.maps.event.addListener(map, 'click', function(event) {
alert(event.latLng.lat() + ", " + event.latLng.lng());
});

}
</script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBu-916DdpKAjTmJNIgngS6HL_kDIKU0aU&callback=myMap"></script>
</body>
</html>

Zmień klucz API

SRC = "https://maps.googleapis.com/maps/api/js?key=aizasybu-916ddpkajtmjnigngs6hl_kdiku0au&callback=mymap"

Umieść klucz API między klawiszem = i & amp; callback :

https://maps.googleapis.com/maps/api/js?key= @@@@@@@ & amp; callback = myMap

5
m-tech 2 wrzesień 2017, 23:53