传单标志 addEventListener

Question

如何检查使用 Leaflet.js 的标记是否被点击？如果 marker.addEventListener("click") 为真，我想触发一个函数。正确的做法是什么？

这是我的功能：

function myFunction(title) {
    var csrftoken = getCookie('csrftoken');

    $.ajax({
        url: 'try/',
        type: 'post',
        data: {phone:title,  csrfmiddlewaretoken: csrftoken}, //this will get the method that will check if the numbr is there
        success: function(data) {
            alert(title);
        },
        failure: function(data) { 
            alert('Got an error dude');
        }
    }); 
}

如果以下情况成立，我想调用上面的函数：

if(marker.onclick == true){
     myFunction(title)
}

提前致谢！

Answer 1

写marker. addEventListener('click', _markerOnClick);

var _markerOnClick = function(e) {
 .....(write your code here);
};

如果您使用的是 JQuery，请写 marker.on('click', _markerOnClick);

Answer 2

这个解决方案适合我：

从 db 获取一组标记，然后迭代并向每个标记添加一个侦听器：

var mapMarkers = [];
var allMarkers = [];
function loadmarkers(){
        downloadUrl("/functions/rpc/maps/loadmarkers.php", function (data) {
            allMarkers = JSON.parse(data);
            for (var key in allMarkers){
                var point1 = parseFloat(allMarkers[key].lat);
                var point2 = parseFloat(allMarkers[key].lng);

                mapMarkers.push(L.marker([point1, point2]).addTo(mymap).addEventListener('click', _markerOnClick));

            }
        });
    }

    var _markerOnClick = function(e) {
        console.log(e);
    };

传单标志 addEventListener

Leaflet marker addEventListener

javascript

leaflet