異なる色のクラスタの複数のグループを作成する

Question

マーカーのグループのいくつかのクラスタが異なる色を持つことが必要です。たとえば、灰色のマーカーは灰色の円で組み合わされます（クラスタ、黄色、黄色など）。ここで

.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); 
} 

全てのクラスタの色を指定します。しかし、異なるクラスターのために異なる色を作る方法は？ は例えば、

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

Answer 1

はiconCreateFunctionオプションとそのdefault implementationを参照してください。