如何使用 jQuery 将可拖动标记添加到 Google 地图

【问题标题】：How to add draggable markers to a Google Map using jQuery如何使用 jQuery 将可拖动标记添加到 Google 地图
【发布时间】：2011-05-18 09:08:54
【问题描述】：

我正在玩谷歌地图，我需要一些方向:-)

我想要一张带有可拖动标记的地图。如果用户拖动标记，一些表单域需要使用标记的坐标进行更新。

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

【问题讨论】：

标签： jquery google-maps google-maps-api-3

【解决方案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/

【讨论】：

确实不需要jQuery，API本身很简单！
谢谢，找了好久！