Leaflet：为集群图标添加点击事件

Question

我想向传单地图上的（随后）集群图标添加单击事件（使用 Leaflet.markercluster 插件）。事件本身有效，但警报始终为单击的每个图标生成数组的最后一个元素。我不明白原因。将“标记”声明为数组并没有改变结果。

    map.clearLayers;

    var marker = [];

    var markers = L.markerClusterGroup({
        disableClusteringAtZoom: 10,
        spiderfyOnMaxZoom: true,
        chunkedLoading: true
    });

    for (id in reclist) {       
        var posn = reclist[id]['info'][1];
        var pose = reclist[id]['info'][2];
        var title = reclist[id]['info'][0];
        var mapicon = L.icon({iconUrl: 'url of icon');  

        marker[id] = new L.marker(new L.LatLng(posn, pose), {icon: mapicon})
        .on('click', function(){alert(title)});

        markers.addLayer(marker[id]);

    }

    map.addLayer(markers); 

Answer 1

为此有一些特殊事件：请参阅文档

markers.on('clusterclick', function() {});

请注意，这是您的集群的一个事件。所以它没有在你的循环中定义。

var markers = L.markerClusterGroup({ ... });
markers.on('clusterclick', function() { ... });
for (id in reclist) { ... }

如果我误解了您的问题并且您想为每个标记定义一个单击事件：如果您想显示标题，则不能像您那样使用变量。应该这样做：

var title = reclist[id]['info'][0];   
var marker = new L.marker(new L.LatLng(posn, pose), {icon: mapicon});
marker.title = title;
marker.on('click', function(e){alert(e.target.title)});

这是一个例子