如何在传单中添加标记？ [英] How to add markers bulk in leaflet?

问题描述

我有一个包含~30k元素的数组，我需要为每个元素创建带有标记的地图。我使用markerclusters并尝试优化添加时刻。

I have an array with ~30k elements and I need to create map with markers for each of them. I use markerclusters and trying to optimize adding moment.

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

}

即使谷歌浏览器也需要大约40秒来完成此循环。我不想看到FF的结果。

Even Google Chrome takes about 40 sec to do this loop. I don't want to see FF's result.

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

Is there any way to optimize adding many elements to map?

推荐答案

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 了解更多详情。

这篇关于如何在传单中添加标记？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！