如何将标记群集颜色设置为与内部图标相同

Question

我正在角度应用程序中使用传单来显示GeoJson。每个GeoJson数据集在地图上显示为一个图层。我正在尝试将标记群集的颜色分配为与群集中包含的图标相同的颜色。

具有不同颜色群集的地图的当前图像：

我尝试使用L.markerClusterGroup来调用createIconFunction来访问图标选项，并使用JQuery获取图标的类属性。

    iconCreateFunction: (cluster) => {
      console.debug('counts this hello', cluster);
      const childMarkers = cluster.getAllChildMarkers();
      // count how many there are of each class
      const counts = _.countBy(childMarkers, (marker) => {
        // class at icon level
        return marker.options.icon.options.className;
      });
      // get the class with the highest count
      const maxClass = _.invert(counts)[_.max(counts)];
      // use this class in the cluster marker
      return L.divIcon({ html: cluster.getChildCount().toString(), 
      className: maxClass 
      });
    },
  });

非常感谢可以提前提供的任何帮助