マーカークラスタの個々のマーカーのスタイル付け

Question

いくつかの機能プロパティに基づいて、個々のマーカーまたはサイズ1のクラスターのスタイルを設定しようとしています。

var markers = L.markerClusterGroup(); 

function onEachFeature(feature, layer) { 
    if (feature.properties.EncounterType && feature.properties.Year) { 
    layer.bindPopup(feature.properties.EncounterType + " in " + 
     feature.properties.Year); 
    } 
} 

function style(feature) { 
    switch (feature.properties.EncounterType) { 
    case 'Shooting': 
     return { 
     color: "ff0000" 
     }; 
    case 'Sighting': 
     return { 
     color: "0000ff" 
     }; 
    case 'Hunting': 
     return { 
     color: "ff0000" 
     }; 
    } 
} 

var geoJsonLayer = L.geoJSON(storer, { 
    onEachFeature: onEachFeature 
}, { 
    style: style 
}); 

markers.addLayer(geoJsonLayer); 
map.addLayer(markers); 

onEachFeature関数は、ポップアップを正常に作成します。ただし、スタイル関数は、サイズ1のクラスターの色を変更しません。マークメルターグループを初期化するときにiconCreateFunctionを使用してみましたが、どちらも機能しませんでした。それはonEachFeatureオプションと並んで、第二引数内に配置されている必要があり、一方、

Answer 1

あなたstyleオプションは、L.geoJSON工場にお電話の第三引数に分離されています。

var geoJsonLayer = L.geoJSON(storer, { 
    onEachFeature: onEachFeature, 
    style: style 
}); 

しかし、それはおそらくあなたの問題の唯一の理由ではありません。

styleオプションは、ベクトル形状（ポリライン、ポリゴンなど）、つまり非ポイントデータに適用されます。サークルマーカーに適用することもできますが、これはPointタイプのジオメトリに使用できますが、明示的に作成する必要があります（通常はpointToLayerオプションを使用）。

これらの非ポイントデータは、Leaflet.markerclusterで処理することはできません。あなたは「サイズ1のクラスター」（私はあなたがマーカーを意味推測）を参照してください場合

したがって、彼らはあなたのstorerにGeoJSONデータでunstyledPoint種類の形状から来ます。

これは、通常のマーカーである：ががスタイリングすることができないことをPNGイメージです

。あなたは簡単に色を変更することができ

あなたがcustom iconsを使用し、あなたのPointジオメトリの外観をカスタマイズしたい場合は

、こうしたカスタムアイコンを提供 plugin、または Circle Markers（ styleオプションを含め）。

var geoJsonLayer = L.geoJSON(storer, { 
    pointToLayer: function (geoJsonPoint, latlng) { 
    return L.circleMarker(latlng); 
    }, 
    onEachFeature: onEachFeature, 
    style: style 
});