Как добавить маркеры в листовку?

Question

У меня есть массив с элементами ~ 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.

Есть ли способ оптимизировать добавление многих элементов для отображения?

Answer 1

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.

Answer 2

var markerArray = []; 
markerArray.push(L.marker([51.505, -0.09])); 
... 
var group = L.featureGroup(markerArray).addTo(map); 
map.fitBounds(group.getBounds());