jquery - 如何使用 jQuery 将可拖动标记添加到 Google map

Question

我正在使用 Google map ，我需要一些指示:-)

我想要一张带有可拖动标记的 map 。如果用户拖动标记，则某些表单字段需要使用标记的坐标进行更新。

是否有一个 jQuery 插件可以使用 Google Maps API v3 来执行此操作？

Answer 1

你不需要jquery，它不会让事情变得更容易。

首先创建 map 并添加可拖动标记。

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

然后您只需向 map 添加一个事件监听器，以监听标记拖动事件并更新文本框。

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/