Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在使用角度传单指令时自定义markercluster图标_Javascript_Angularjs_Maps_Leaflet - Fatal编程技术网

Javascript 如何在使用角度传单指令时自定义markercluster图标

Javascript 如何在使用角度传单指令时自定义markercluster图标,javascript,angularjs,maps,leaflet,Javascript,Angularjs,Maps,Leaflet,传单文档概述了使用IConCreate函数指定MarkerClusterGroup的方法,在该函数中,您可以自定义群集图标的外观。我想知道angular传单指令中是否也有允许这样做的内容,或者是否有一种方法可以在使用该指令时使用较低级别的传单API。基本上,我只是想改变颜色改变的值,而不是10和100,我还想改变图标直径的不同值。类似于谷歌MarkerClusterer的东西 谢谢在指定markercluster的覆盖中,您可以添加选项。比如: layerOptions: {

传单文档概述了使用IConCreate函数指定MarkerClusterGroup的方法,在该函数中,您可以自定义群集图标的外观。我想知道angular传单指令中是否也有允许这样做的内容,或者是否有一种方法可以在使用该指令时使用较低级别的传单API。基本上,我只是想改变颜色改变的值,而不是10和100,我还想改变图标直径的不同值。类似于谷歌MarkerClusterer的东西


谢谢

在指定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)});
}
}