如何在使用angular-leaflet-directive时自定义markercluster图标

Question

Leaflet文档概述了一种使用iconCreateFunction指定MarkerClusterGroup的方法,您可以在其中自定义群集图标的外观.我想知道是否通过angular-leaflet-directive暴露了一些允许这样做的东西,或者是否有一种方法可以在使用指令时使用较低级别的Leaflet API来执行此操作.基本上,我只是想改变颜色变化的值而不是10和100,我也想改变不同值的图标直径.类似于Google MarkerClusterer的东西.

谢谢

Answer 1

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