标记群集传单：动态修改图标

Question

我正在使用传单和标记集群插件，我想动态修改从孩子在里面的集群图标。

我的代码可以工作，但不需要我想要的：在iconCreateFunction函数中，我想计算“ClusterBatteriEfaible”的标记，但我不知道如何将其作为参数发送。有什么建议吗？

var ClusterBatterieFaible = L.markerClusterGroup({    });

var cluster = L.markerClusterGroup({
iconCreateFunction: function (cluster) {
    var childCount = cluster.getChildCount();
    if (childCount > 1){
        var c = ' marker-cluster-large';
    }
    else {
        var c = ' marker-cluster-small';
    }
    return new L.DivIcon({ html: '<div><span>' + childCount + '</span></div>', className: 'marker-cluster' + c, iconSize: new L.Point(40, 40) });
}

});

For loop
  if batteryOk :    
     L.marker(latlng, {icon: mainIconE}).bindPopup("blabla");}   }).addTo(cluster)

  if batteryNotOk : 
     L.marker(latlng, {icon: mainIconE}).bindPopup("blabla");}   }).addTo(ClusterBatterieFaible).addTo(cluster)

Answer 1

sur SO Bienvenue！

不要将您的标记添加到多个MarkerClusterGroups(MCG)中。这将打破他们的集群，因为他们将“混淆”标记属于哪个集群。

相反，您可以简单地使用一个标记数组，或者一个l.layergroup，将标记添加到其中（但不要将其添加到映射中！），用于要测试的组（如果我的理解是正确的，则为“Batterynotok”）。并且只将剩余的MCG添加到地图中。

要测试是否在层组中添加了给定的标记，只需使用mylayergroup.haslayer(marker)

所以您的IconCreateFunction应该类似于：

function (cluster) {
    var markers = clusters.getAllChildMarkers(),
        iconClass = "allBatteriesOk";

    for (var i = 0; i < markers.length; i += 1) {
        if (myArray.indexOf(markers[i]) >= 0) {
            iconClass = "atLeastOneBatteryNotOk";
            break;
        }
    }

    return L.divIcon({
        html: '<div><span>' + childCount + '</span></div>',
        className: iconClass,
        iconSize: new L.Point(40, 40)
    });
}