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

Question

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

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

Существует ли плагин jQuery, который может сделать это с помощью v3 API Карт Google?

Answer 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/