javascript - icon - marker set position
Google Maps HTML5 haga clic para obtener lat, long (3)
Intento crear una aplicación web móvil HTML5 en la que el usuario pueda hacer clic en el mapa para obtener latitud / longitud desde Google Maps. ¿Hay un ejemplo de código? Intenté buscar en Google pero solo encontré un sitio web que lo hace pero no un ejemplo de soucecode.
Esto se debe a que voy a usar la geolocalización HTML5 para mostrar primero la ubicación actual, pero si no es precisa, los usuarios pueden especificarla por sí mismos.
Muchas gracias.
El siguiente código le mostrará cómo obtener Long y Lat cuando el usuario haga clic en el mapa: Permitir que el usuario coloque un marcador en un mapa de Google
google.maps.event.addListener(map, ''click'', function( event ){
alert( "Latitude: "+event.latLng.lat()+" "+", longitude: "+event.latLng.lng() );
});
Quiero mostrarte una respuesta completa:
esta es la parte principal del código, el evento se basa en hacer clic y obtener Lat / Long con un clic y mostrarlo en alerta ()
google.maps.event.addListener (map, ''click'', function (event) {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>
por favor cambia tu API KEY
src = "https://maps.googleapis.com/maps/api/js?key=AIzaSyBu-916DdpKAjTmJNIgngS6HL_kDIKU0aU&callback=myMap"
pon tu API KEY entre key = y & callback :
https://maps.googleapis.com/maps/api/js?key= & callback = myMap
Tienes que usar el argumento del evento.
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.
});