6

Lo que me gustaría hacer es crear una aplicación en la que cuando alguien hace clic en el objeto del mapa y dos campos se llenen de latitud y longitud en cada clic. ¿Hay algún código de muestra de Google Maps V3 JavaScript API (Geocoding API) en algún lugar que haga algo como eso?Latitude, Longitude Grabber

Respuesta

18

Usted puede lograr esto con google.maps.event' propiedad LatLng:

Algo como esto sería mostrar cómo funciona. Aquí está un JSFiddle Demo:

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

Donde el mapa es su objeto del mapa de google. Sí, creo que el ejemplo está en V2, y si desea crear un marcador al hacer clic, simplemente puede crearlo dentro de la función de devolución de llamada por clic.

1
var map = [google map]; 

google.maps.event.addListener(map, 'click', function (mouseEvent) { 
    alert(mouseEvent.latLng.toUrlValue()); 
}); 
3
function onload() 
{ 
var map= new google.maps.Map(document.getElementById('map'), { 
center: new google.maps.LatLng(37.4419, -122.1419), 
zoom: 14, 
mapTypeId: google.maps.MapTypeId.ROADMAP, 
disableDefaultUI: true 
}); 
google.maps.event.addListener(map, 'click', function(event){ 
     alert('Lat: ' + event.latLng.lat() + ' and Longitude is: ' + event.latLng.lng()); 

}

Después de cargar el código se puede escribir el código para obtener la latitud y longitud de los puntos fijos. por favor intente

4

Aquí hay un código completo para la versión 2 que he estado utilizando durante mucho tiempo y he publicado en el sitio.

http://vikku.info/programming/google-maps-v2/get-lattitude-longitude-onmouseover-and-onmouseclick-google-map-v2.htm

simplemente haga clic en el código fuente vista desde el navegador y copie guardar el contenido. funcionará perfectamente Lo único que necesita es cambiar la clave de API del mapa.

Este es el código para la versión de mapa de Google 3

http://vikku.info/programming/google-maps-v3/get-lattitude-longitude-onclick-and-onmouseover-google-map-v3.htm

Cuestiones relacionadas