我有一个包含~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);
}
即使谷歌浏览器也需要大约40秒才能执行此循环。我不想看到FF的结果。
有没有办法优化添加许多元素来映射?
答案 0 :(得分:12)
var markerArray = [];
markerArray.push(L.marker([51.505, -0.09]));
...
var group = L.featureGroup(markerArray).addTo(map);
map.fitBounds(group.getBounds());
答案 1 :(得分:9)
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。