Javascript 如何在使用角度传单指令时自定义markercluster图标
传单文档概述了使用IConCreate函数指定MarkerClusterGroup的方法,在该函数中,您可以自定义群集图标的外观。我想知道angular传单指令中是否也有允许这样做的内容,或者是否有一种方法可以在使用该指令时使用较低级别的传单API。基本上,我只是想改变颜色改变的值,而不是10和100,我还想改变图标直径的不同值。类似于谷歌MarkerClusterer的东西Javascript 如何在使用角度传单指令时自定义markercluster图标,javascript,angularjs,maps,leaflet,Javascript,Angularjs,Maps,Leaflet,传单文档概述了使用IConCreate函数指定MarkerClusterGroup的方法,在该函数中,您可以自定义群集图标的外观。我想知道angular传单指令中是否也有允许这样做的内容,或者是否有一种方法可以在使用该指令时使用较低级别的传单API。基本上,我只是想改变颜色改变的值,而不是10和100,我还想改变图标直径的不同值。类似于谷歌MarkerClusterer的东西 谢谢在指定markercluster的覆盖中,您可以添加选项。比如: layerOptions: {
谢谢在指定markercluster的覆盖中,您可以添加选项。比如:
layerOptions: {
showCoverageOnHover: false,
disableClusteringAtZoom: 12,
iconCreateFunction: function (cluster) {
var childCount = cluster.getChildCount();
var c = ' marker-cluster-';
if (childCount < 10) {
c += 'small';
} else if (childCount < 100) {
c += 'medium';
} else {
c += 'large';
}
return new L.DivIcon({ html: '<div><span>' + "CUSTOM" + '</span></div>', className: 'marker-cluster' + c, iconSize: new L.Point(40, 40) });
}
}
分层:{
showCoverageOnHover:错误,
DisableClusteringZoom:12,
iconCreateFunction:函数(群集){
var childCount=cluster.getChildCount();
var c='标记簇-';
如果(儿童人数<10){
c+=‘小’;
}否则如果(儿童计数<100){
c+=‘中等’;
}否则{
c+=‘大’;
}
返回新的L.DivIcon({html:'+'自定义'+'',类名:'marker cluster'+c,iconSize:new L.Point(40,40)});
}
}