Question

我成功创建了具有自定义样式的群集标记组。但是当群集中只有一个标记时，我无法更改黑色标记的颜色，请参阅图像Black marker when alone in the cluster

如何更改默认标记颜色？

以下是我创建群组的方法

var clusterGroup = new L.MarkerClusterGroup({
    iconCreateFunction: function(cluster) {
        var childCount = cluster.getChildCount();

        return new L.DivIcon({ html: '<div><span>' + childCount + '</span></div>', className: 'marker-cluster marker-mycluster', iconSize: new L.Point(40, 40) });
    }
})

一些CSS

.marker-mycluster {
background-color: rgba(255,191,84, 0.6);
}
.marker-mycluster div {
background-color: rgba(255,191,84, 1);
}

Answer 1

您的单个黑色标记只是您的正常标记，位于任何群集之外，因为它远离其他标记。

如果您想要替换所有标记的视觉外观，包括它们不聚类的时候（即当它们显示为单个标记时），您可以方便地使用MarkerCluster插件的singleMarkerMode option：

var clusterGroup = L.markerClusterGroup({
    singleMarkerMode: true,
    iconCreateFunction: function(cluster) {
            // your code
        });
    }
})

这将覆盖所有标记的图标，使它们看起来像大小为1的簇。

传单markercluster单标记颜色

1 个答案: