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

Question

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

谢谢

Answer 1

在您指定markercluster的overlay中，您可以添加选项。类似于：

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) });
                                }
                        }