Erstellen Sie mehrere Gruppen von Clustern mit verschiedenen Farben

Question

Es ist notwendig, dass mehrere Cluster von Gruppen von Markern unterschiedliche Farben haben. Zum Beispiel sind die grauen Markierungen in einem grauen Kreis zusammengefasst - Cluster, gelb - in gelb und so weiter. Hier

.marker-cluster-small { 
background-color: rgba(181, 226, 140, 0.6); 
} 
.marker-cluster-small div { 
background-color: rgba(110, 204, 57, 0.6); 
} 

.marker-cluster-medium { 
background-color: rgba(241, 211, 87, 0.6); 
} 
.marker-cluster-medium div { 
background-color: rgba(240, 194, 12, 0.6); 
} 

.marker-cluster-large { 
background-color: rgba(253, 156, 115, 0.6); 
} 
.marker-cluster-large div { 
background-color: rgba(241, 128, 23, 0.6); 
} 

Gibt die Farben für alle Cluster. Aber wie macht man verschiedene Farben für verschiedene Cluster? Zum Beispiel

var groupGrey = new L.MarkerClusterGroup(); 
var groupRed = new L.MarkerClusterGroup(); 
var groupYellow = new L.MarkerClusterGroup(); 
var groupBlue = new L.MarkerClusterGroup(); 

Answer 1

Siehe iconCreateFunction Option und seine default implementation.