如何拖動標記添加到谷歌地圖使用jQuery

Question

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

我想用拖動的標記的地圖。如果用戶拖動標記，則需要使用標記的座標更新一些表單域。

是否有一個jQuery插件可以使用Google Maps API的v3來做到這一點？

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/