Как настроить значок markercluster при использовании директивы angular-leaflet

Question

В документации Leaflet указывается способ указания группы MarkerClusterGroup с помощью функции iconCreateFunction, где вы можете настроить внешний вид значков кластера. Мне интересно, есть ли что-то открытое через директиву с угловым лифтом, который позволяет это делать, или если есть способ перейти к API Leaflet более низкого уровня, чтобы сделать это, используя директиву. В принципе, я просто пытаюсь изменить, с каким значением меняется цвет вместо 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) }); 
           } 
         }