Question

我试图在此 DEMO 拖动标记后更新标记位置（lat和long）。正如你所看到我能够抓住标记的位置（lat long）但是当我替换标记时，捕获的值不会更新！

var map;
$(document).ready(function () {
    var latlng = new google.maps.LatLng(11.038003,125.736294);
    var myOptions = {
        zoom: 12,
        center: latlng,
        disableDefaultUI: true,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var cnt = 0;
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
google.maps.event.addListener(map, 'click', function (event) {
        marker = new google.maps.Marker({
            position: event.latLng,
            map: map,
            draggable: true,
            title: "Camp Num: " + ++cnt
        });
           $('#myTable tbody:eq(1)').append('<tr class="child"><td>'+ marker.title +'</td><td>'+ marker.position.lat()+'</td><td>'+ marker.position.lng()+'</td></tr>');
    });

});

您能告诉我如何更新它们

Answer 1

拖动后是否要更新标记的新位置？如果是，则需要执行以下操作：

为每个添加的标记添加事件侦听器。为此，我正在为dragend添加监听器。
分配＆＃39; id＆＃39;标记，并在点击时创建<td>时，我们分配给它;以便稍后我们可以在拖动标记时更新行。
如果我们点击地图，则会添加标记，如果拖动标记，则会更新。

以下是fiddle

更新可拖动标记位置值

1 个答案: