MarkerClusterGroup は、ポイントをクラスタ化し、その集計を返す関数です。
参照:例
私の場合、重心を計算したポリゴンがいくつかあります。クラスター上でホバリングするときに重心間の線を返す代わりに。それらの重心に関連付けられたポリゴンを返したいです。つまり、クラスター化されたポリゴンが強調表示されます。
基本的にはとりあえずこれで、クラスタを作成してボリュームを返却します。しかし、関連付けられているポリゴンを Onhover で強調表示したいと思います。
var clusters = L.markerClusterGroup({
iconCreateFunction: function(cluster) {
var markers = cluster.getAllChildMarkers();
var volume = 0;
for (var i = 0; i<markers.length;i++){
console.log("Zones clustered: " +markers[i].name);
if (!isNaN(markers[i].value)){
volume += markers[i].value
}
}
return L.divIcon({ html: '<b> Total Volume: ' + volume + '</b>' });
}
});
私のコードでわかるように、ゾーンの名前 (ポリゴンの ID) を取得できます。ただし、これはmarkerClusterGroupオブジェクト内にあります。このデータを使用してそれを表すにはどうすればよいですか? 目標を達成できるようにshowCoverageOnHoverを変更できますか?