Leaflet: Hinzufügen von Layer-Gruppe zu Karte ist sehr langsam

Question

Ich versuche, einige 2500 Icons (2 Kb pro Stück) zu einer Broschüre Karte hinzuzufügen. Das Füllen des Arrays ist kein Problem. Das Hinzufügen der Ebenengruppe zur Karte dauert jedoch zwischen 2 und 5 Sekunden. Irgendwelche Vorschläge, wie man die Leistung verbessert?

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

Das Hinzufügen von Tausenden von Markern auf der Seite betont die Ressourcen des Browsers. Es besteht eine hohe Wahrscheinlichkeit, dass dies der Grund für Ihre Verzögerung ist.

Sie sollten erwägen, Ihre Markierungen durch eine Zeichenfläche zu ersetzen oder sie zu gruppieren.

Siehe auch: Plotting 140K points in leafletjs