传单上的拖拉事件发生后，我该如何获得标签

Question

我正在尝试在移动标记后更新它的lat/lng值。提供的示例使用一个弹出窗口来显示lat/lng。

我有一个标记的"dragend"事件侦听器，但当我提醒e.latlng的值时，它返回未定义的值。

javascript:

function markerDrag(e){
    alert("You dragged to: " + e.latlng);
}
function initialize() {
    // Initialize the map
    var map = L.map('map').setView([38.487, -75.641], 8);
    L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
        attribution: 'Map data &copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>',
        maxZoom: 18
    }).addTo(map);
    // Event Handlers
    map.on('click', function(e){
        var marker = new L.Marker(e.latlng, {draggable:true});
        marker.bindPopup("<strong>"+e.latlng+"</strong>").addTo(map);
        marker.on('dragend', markerDrag);
    });
}

$(document).ready(initialize());

http://jsfiddle.net/rhewitt/Msrpq/4/

Answer 1

使用e.target.getLatLng()获取更新位置的latlng。

// Script for adding marker on map click
function onMapClick(e) {
    var marker = L.marker(e.latlng, {
             draggable:true,
             title:"Resource location",
             alt:"Resource Location",
             riseOnHover:true
            }).addTo(map)
              .bindPopup(e.latlng.toString()).openPopup();
    // #12 : Update marker popup content on changing it's position
    marker.on("dragend",function(e){
        var changedPos = e.target.getLatLng();
        this.bindPopup(changedPos.toString()).openPopup();
    });
}

JSFiddle演示

Answer 2

latlng值不在e.latlng中，而是在e.target_latling中。使用控制台。

Answer 3

当使用e.target._latlng有效时（正如另一个答案所建议的那样），最好使用

e.target.getLatLng();

这样我们就不会暴露任何私有变量，正如传单所建议的那样：

私有属性和方法以下划线（_）开头。这并不意味着它们是私有的，只是建议开发人员不要直接使用它们。

Answer 4

我认为API发生了变化。

现在是：const { lat, lng } = e.target.getCenter();

Answer 5

如果有人在使用react而不是您应该使用的：

const map = useMap()
map.addEventListener("dragend" , ()=> {
const {lat , lng} = map.getCenter()
})