带有自定义群集图标的Mapbox标记群集
我正在使用Mapbox作为Phonegap应用程序,并利用Marker Cluster插件对我们的PIN进行集群。自定义标记的图标很容易,但我也希望能够自定义集群图标。我没有看到定制集群图标的方法。建议 以下是我到目前为止的一个片段:带有自定义群集图标的Mapbox标记群集,mapbox,markerclusterer,Mapbox,Markerclusterer,我正在使用Mapbox作为Phonegap应用程序,并利用Marker Cluster插件对我们的PIN进行集群。自定义标记的图标很容易,但我也希望能够自定义集群图标。我没有看到定制集群图标的方法。建议 以下是我到目前为止的一个片段: var map = L.mapbox.map('mapView', 'myMap.mapCode', { zoomControl: false }).setView([geoData.lat, geoData.lon], 5), markers = new
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);
var map=L.mapbox.map('mapView','myMap.mapCode',{zoomControl:false}).setView([geoData.lat,geoData.lon],5),
markers=新的L.MarkerClusterGroup();
var propertyCount=properties.length;
对于(变量i=0;i
您可以这样定义标记:
var cluster = new L.MarkerClusterGroup({
iconCreateFunction: function(cluster) {
return new L.DivIcon({ html: '<b>' + cluster.getChildCount() + '</b>' });
}
});
var cluster=new L.MarkerClusterGroup({
iconCreateFunction:函数(群集){
返回新的L.DivIcon({html:'+cluster.getChildCount()+''});
}
});
这将使你可以随心所欲地设计它。没有什么比问问题寻找答案更重要的了。事实证明,自定义图标记录在MarkerCluster github页面上: