对于我正在进行的一个小项目,我需要能够在 leaflet.js 支持的图像 map 上放置一个标记,并在它被拖动时更新该标记的位置。我使用下面的代码来尝试这个,但它失败了。 我收到错误“标记未定义”。我不知道为什么它不起作用 - 也许你们可以帮助我? ;)
function onMapClick(e) {
gib_uni();
marker = new L.marker(e.latlng, {id:uni, icon:redIcon, draggable:'true'};
map.addLayer(marker);
};
marker.on('dragend', function(event){
var marker = event.target;
var position = marker.getLatLng();
alert(position);
marker.setLatLng([position],{id:uni,draggable:'true'}).bindPopup(position).update();
});
最佳答案
在上面的代码片段中,添加事件处理程序时未定义标记。在创建标记后立即添加 dragend 监听器的位置尝试以下操作:
function onMapClick(e) {
gib_uni();
marker = new L.marker(e.latlng, {id:uni, icon:redIcon, draggable:'true'});
marker.on('dragend', function(event){
var marker = event.target;
var position = marker.getLatLng();
console.log(position);
marker.setLatLng(position,{id:uni,draggable:'true'}).bindPopup(position).update();
});
map.addLayer(marker);
};
您还缺少新 L.Marker() 行末尾的括号。
您还在 setLatLng
调用中将 position
放入数组中,但它已经是一个 LatLng
对象。
关于javascript - leaflet.js - 单击时设置标记,拖动时更新位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18575722/