更新可拖动标记位置值答案

【问题标题】：Updating Draggable Marker Position Values更新可拖动标记位置值
【发布时间】：2013-12-14 03:55:23
【问题描述】：

在 DEMO 处拖动标记后，我正在尝试更新标记位置（纬度和经度）。如您所见，我能够抓取标记的位置（经纬度），但是当我替换标记时，捕获的值没有更新！

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

});

请告诉我如何更新它们

【问题讨论】：

您的意思是当您拖动标记时，您要显示新值？

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

【解决方案1】：

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

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

这里是fiddle

【讨论】：