如何在使用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) });
                                }
                        }