具有自定义群集图标的Mapbox标记群集

Question

我正在使用Mapbox作为Phonegap应用程序并利用Marker Cluster插件来聚集我们的引脚。自定义标记的图标很简单，但我也希望能够自定义群集图标。我没有看到自定义群集图标的方法。建议？

这是我到目前为止的一小部分：

var map = L.mapbox.map('mapView', 'myMap.mapCode', { zoomControl: false }).setView([geoData.lat, geoData.lon], 5),
    markers = new L.MarkerClusterGroup();

var propertyCount = properties.length;
for (var i = 0; i < propertyCount; i++) {
    var property = properties[i];

    var marker = L.marker(new L.LatLng(property.lat, property.lon), {
        icon: markerIcon,
        title: property.heading
    });

    marker.bindPopup(property.heading);
    markers.addLayer(marker);
}

map.addLayer(markers);

Answer 1

您可以像这样定义标记：

var cluster = new L.MarkerClusterGroup({
    iconCreateFunction: function(cluster) {
        return new L.DivIcon({ html: '<b>' + cluster.getChildCount() + '</b>' });
    }
});

允许您根据自己的喜好设计样式。