Actualizando un input con la ubicación de un marker movible de un mapa de Leaflet

Si queremos obtener la ubicación de un marcador que el usuario pueda mover por el mapa para usarlo en por ejemplo, un formulario, podemos hacer algo como esto:

//crear un marcador draggable
var marker = L.marker([51.5, -0.09], {draggable:'true'}).addTo(map);
//cuando se termine de hacer drag, pone la ubicacion en el campo indicado
marker.on("dragend", function(e) {
 var position = marker.getLatLng();
 var lacosa = document.getElementById('ubicacion');
 lacosa.value = `${position.lat},${position.lng}`;
});

Primero se crear un marcador con el valor de draggable a true, se agrega al mapa, después se crea una función que maneje el evento de hacer drag al marcador, para actualizar el input con el id de ubicación para poner como la ubicación del marcador como el valor del input.

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión /  Cambiar )

Google photo

Estás comentando usando tu cuenta de Google. Cerrar sesión /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión /  Cambiar )

Conectando a %s