leaflet - 別の色のmarkerClusterGroupを追加

Question

私は、markerClusterGroup にマーカーを表示したいマップに取り組んでおり、すべての markerClusterGroup には異なる背景色が必要です。

if (isChecked) {
    color_html=$widget.data('colorhtml');
    add_contacts(file);
}



add_contacts(file){
   my_objects["contactsGroupe_"+file]=new L.markerClusterGroup({
        iconCreateFunction: function(cluster) {
            return new L.DivIcon({ 
              html: '<div style="color: white; background: '+color_html+'; border-radius:5px;  text-align: center; font-size: 18px;  box-shadow: 8px 8px 12px grey; border: 0.1px solid '+color_html+'; display: inline-block; vertical-align:middle;">' + cluster.getChildCount() +'</div>',
              iconSize: [0,0]
           });
        },
    }).addTo(map);
}           
my_objects["contactsGroupe_"+file].addLayer(my_objects["contacts_"+file]);

そして、表示するファイルを選択するチェックリストがあります。最初のファイルを確認すると、markerClusterGroup は選択した背景色で表示され、2 番目のファイルを選択すると、2 番目の markerClusterGroup は異なる背景色で表示されますが、ズームインまたはズームアウトすると、2 つの markerClusterGroup が同じ背景色 (最後に選択した色と同じ) で、最初のズームに戻ると、2 つの異なる色があります。また、異なるズームで異なる背景色を使用したい場合は、最初のmarkerClusterGroupを追加した後、2番目のmarkerClusterGroupを追加する前に、すべてのズームに移動する必要があります。

誰かが問題を理解するのを手伝ってくれます。thnx