cómo agregar los marcadores que pueden arrastrarse a un mapa de Google usando jQuery

Question

estoy jugando con los mapas de Google y necesito algunas direcciones :-)

Me gustaría un mapa con un marcador que pueden arrastrarse. Si el usuario arrastra el marcador, algunos campos de formulario deben actualizarse con las coordenadas del marcador.

¿Hay un jQuery-plugin que puede hacer esto usando la v3 de la API de Google Maps?

Answer 1

No necesita jquery, no lo hará más fácil.

Primero crea tu mapa y agrega un marcador que se pueda arrastrar.

var myLatlng = new google.maps.LatLng(-25.363882,131.044922); 
var marker = new google.maps.Marker({ 
    position: myLatlng, 
    map: map, // handle of the map 
    draggable:true 
}); 

Entonces sólo tiene que añadir un detector de eventos al mapa que se detecta el evento marcador de arrastrar y actualiza los cuadros de texto.

google.maps.event.addListener(
    marker, 
    'drag', 
    function() { 
     document.getElementById('lat').value = marker.position.lat(); 
     document.getElementById('lng').value = marker.position.lng(); 
    } 
); 

http://jsfiddle.net/xTh5U/