传单标记簇 - 动态更改样式

问题描述

我有一个用于设置传单主题(深色/浅色)的选择/选项下拉菜单。现在我的要求是我需要根据主题选择更改我的集群图标样式。我如何实现这一目标?我的图标 CreateFunction 在下面

iconCreateFunction: (cluster)=> {
    let c = ' marker-cluster-';
    let color ='white'
    if (cluster.getChildCount() >= 1) {
      if(this.theme === 'light'){
        c += 'light';
      }else {
        c += 'dark';
        color = 'black'
      }
    }
    return new L.DivIcon({
      html: `<div><span style="color:${color}">  ${cluster.getChildCount()}  </span></div>`,className: "leaflet-marker-icon marker-cluster  leaflet-zoom-animated leaflet-interactive" + c
    });
  }

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)