如何在传单中添加标记？

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);

}

甚至谷歌Chrome也需要大约40秒来完成这个循环.我不想看到FF的结果.

有没有办法优化添加许多元素来映射？

Answer 1

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

Answer 2

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);

有关更多详细信息,请参阅文档.