問題描述

對于我正在處理的一個小項目，我需要能夠在 Leaflet.js 驅動的圖像地圖上放置一個標記，并在它被拖動時更新該標記的位置.我使用下面的代碼來嘗試這個，但它失敗了.我收到錯誤未定義標記".我不知道為什么它不起作用 - 也許你們可以幫助我?;)

for a small project I am working on, I need to be able to place a marker on a leaflet.js powered image-map and update the position of this marker, if it gets dragged. I use the following code to try this, but it fails. I get the error 'marker not defined'. I don't know why it's not working - maybe you guys could help me out? ;)

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 偵聽器，請嘗試以下操作:

In the code snippet above, marker is not defined at the time the event handler is added. Try the following where the dragend listener is added immediately following the creation of the Marker:

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() 行末尾還缺少一個括號.

You were also missing a bracket at the end of your new L.Marker() line.

您還在 setLatLng 調用中將 position 放入了一個數組中，但它已經是一個 LatLng 對象.

You also put position into an array in the call to setLatLng but it is already a LatLng object.

這篇關于Leaflet.js - 點擊時設置標記，拖動時更新位置的文章就介紹到這了，希望我們推薦的答案對大家有所幫助，也希望大家多多支持html5模板網！