簡體   English   中英

如果單擊標記,如何拖動標記? 傳單

[英]How to Drag a Marker if you click it? Leaflet

大家好,我正在開發一個具有地圖功能的網站。 我的目標是單擊標記將其拖動。

這是我的代碼

else if (select1.value === "Arson"){



var note = document.getElementById('note');
var datepick = document.getElementById('demo1');
var timepick = document.getElementById('timepick');
        layerpoly.on('click', function(e){
        var markerA = new L.Marker(e.latlng,{icon: Icon1});
        markerA.bindPopup("</a><br><strong>ARSON</strong></br><strong>Date:</strong>"+datepick.value+"</br><strong>Time:</strong>"+timepick.value+"</br><strong>Address:</strong>"+note.value+"<strong><br><strong>Suspect Sketch</strong><br><a href=legends/suspect.jpg rel=lightbox><img src = legends/suspect.jpg height=100 width = 100/><br> ").addTo(map);
        closure1 (markerA)
        var ll = markerA.getLatLng();
document.querySelector('#userLat').value = ll.lat;
document.querySelector('#userLng').value = ll.lng;
marker.dragging.enable();

        });

        }

上面代碼的輸出是如果我選擇縱火。 我將在地圖上放置一個標記。 我的問題是,如果單擊該標記,如何使它可拖動?

順便說一下這段代碼

document.querySelector('#userLat').value = ll.lat;
    document.querySelector('#userLng').value = ll.lng;

連接到兩個ID為userLat和useLng的文本框中。 如果拖動該標記,如何更新此文本框?

有幫助嗎? TY

這是L.Marker的文檔: http : L.Marker如您所見,絕對沒有所謂的dragging.enable方法,因此調用了marker.dragging.enable(); 將永遠無法使用,並且應該在瀏覽器控制台上引發明顯錯誤。 但是,在實例化標記時可以使用一個draggable選項:

var markerA = new L.Marker(e.latlng,{
    icon: Icon1,
    draggable: true
});

這是有關Plunker的工作示例: http ://plnkr.co/edit/Au3XlD?p=preview

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM