Leaflet：添加图层组到地图非常慢

Question

我正在尝试将一些2500个图标（每个2 Kb）添加到传单地图中。填充阵列没问题。但是，将图层组添加到地图需要2到5秒。有什么建议如何提高性能？

var icongroup = [];        
for (id in reclist) {
   var recname = reclist[id][0];
   var posn = reclist[id][1];
   var pose = reclist[id][2];
   var mapicon = L.icon({iconUrl: icon, iconSize: [26, 29]});
   icongroup.push(L.marker([posn, pose], {icon: mapicon}));
}
L.layerGroup(icongroup).addTo(map);

Answer 1

向页面添加数千个标记会强调浏览器资源肯定。这是你延迟的原因。

您应该考虑用画布替换标记，或者将它们聚类。

另请参阅：Plotting 140K points in leafletjs