Comment ajouter des marqueurs à draggable une carte Google en utilisant jQuery

Question

Je joue avec Google Maps et j'ai besoin des directions :-)

Je voudrais une carte avec un marqueur draggable. Si l'utilisateur fait glisser le marqueur, certains champs de formulaire doivent être mis à jour avec les coordonnées du marqueur.

Existe-t-il un plugin jQuery qui peut le faire en utilisant la v3 de l'API Google Maps?

Answer 1

Vous n'avez pas besoin de jquery, cela ne vous facilitera pas la tâche.

Créez d'abord votre carte et ajoutez un marqueur déplaçable.

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 
}); 

Ensuite il vous suffit d'ajouter un écouteur d'événement à la carte qui écoute l'événement de glisser marqueur et met à jour les zones de texte.

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/