Кластер маркеров Mapbox с настраиваемым значком кластера

Я использую 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);

mapbox markerclusterer
person thechrisroberts    schedule 06.05.2014    source источник
comment
Нет ничего лучше, чем задать вопрос, чтобы найти ответ. Оказывается, настройка значка задокументирована на странице Github MarkerCluster: github.com/Leaflet/Leaflet.markercluster   -  person thechrisroberts    schedule 06.05.2014

Ответы (1)


arrow_upward
0
arrow_downward

Вы можете определить маркер так:

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

что позволит вам стилизовать его по своему усмотрению.

person Prisoner    schedule 19.11.2014