web-dev-qa-db-ja.com

リーフレットにマーカーをまとめて追加する方法は？

約30kの要素を持つ配列があり、それぞれのマーカーを使用してマップを作成する必要があります。私はmarkerclustersを使用し、追加モーメントを最適化しようとしています。

for (var i = 0; i < myItems.length; i++) {
    var item = myItems[i];

    marker = new L.marker([item[2],item[3]], {
        icon: mapOpts.myIcon
    }).bindPopup(item[1]);

    markers.addLayer(marker);

}

Google Chromeでさえこのループを実行するのに約40秒かかります。FFの結果を見たくありません。

マップへの多くの要素の追加を最適化する方法はありますか？

javascriptopenstreetmapleaflet
16
Egor Sazanovich
var array = [];

for (var i = 0; i < myItems.length; i++) {
    var item = myItems[i];

    marker = new L.marker([item[2],item[3]], {
        icon: mapOpts.myIcon
    }).bindPopup(item[1]);

    array.Push(marker);
}

markers.addLayers(array);

詳細については、 docs を参照してください。

10
L. Sanna
var markerArray = [];
markerArray.Push(L.marker([51.505, -0.09]));
...
var group = L.featureGroup(markerArray).addTo(map);
map.fitBounds(group.getBounds());
14
malhal