Изменить значок кластера в React Leaflet MarkerCluster - PullRequest
Новая
       17

Изменить значок кластера в React Leaflet MarkerCluster

0 голосов
/ 02 марта 2020

Мне нужно изменить значок кластера, когда я нажму на него.

Я использую iconCreateFunction , чтобы определить начальный значок, и onClusterClick , чтобы обработать логи c. 

<MarkerClusterGroup 
disableClusteringAtZoom={22}  
showCoverageOnHover={false} 
zoomToBoundsOnClick={true} 
iconCreateFunction={this.createClusterCustomIcon} 
zoomToBoundsOnClick={false} 
onClusterClick={(cluster)=>{this.showCluster(cluster)}}>

createClusterCustomIcon : 

createClusterCustomIcon(cluster) {

return L.divIcon({
    html: `<span>${cluster.getChildCount()}</span>`,
    className: 'marker-cluster-green',
    iconSize: L.point(38, 38, true),
    });
}

Когда я нажимаю на кластер, я хочу что-то вроде этого: 

showCluster(cluster) {
var clusterIconActive = L.divIcon({
    className: 'marker-cluster-selected',
    html: "15",
    iconAnchor: [20, 20]
});

cluster.setIcon(clusterIconActive)
}

Я пытаюсь использовать setIcon, o присвоить MarkerClusterGroup ссылку, но я не могу изменить значок (или просто добавить / переключить класс элементов div ...)

Любые предложения ??

спасибо!

...