20

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

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の結果は見たくない。

マップに多くの要素を追加して最適化する方法はありますか?

4

2 に答える 2

17 
var markerArray = [];
markerArray.push(L.marker([51.505, -0.09]));
...
var group = L.featureGroup(markerArray).addTo(map);
map.fitBounds(group.getBounds());
于 2014-09-01T14:07:21.240 に答える