Как добавить перетаскиваемые маркеры в Google Map с помощью jQuery

Я играю с Google Maps и мне нужно несколько направлений: -)

Мне нужна карта с перетаскиваемым маркером. Если пользователь перетаскивает маркер, некоторые поля формы должны обновляться с координатами маркера.

Есть ли jQuery-плагин, который может сделать это, используя v3 API Карт Google?

Ответ 1

Вам не нужен jquery, это не упростит.

Сначала создайте свою карту и добавьте перетаскиваемый маркер.

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

Затем вам просто нужно добавить прослушиватель событий на карту, которая прослушивает событие перетаскивания маркера и обновляет текстовые поля.

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/