Làm thế nào để thêm số lượng lớn đánh dấu trong tờ rơi?

Question

Tôi có một mảng với ~ 30k phần tử và tôi cần tạo bản đồ với các điểm đánh dấu cho mỗi phần tử. Tôi sử dụng điểm đánh dấu và cố gắng tối ưu hóa thêm thời điểm.

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

} 

Thậm chí Google Chrome mất khoảng 40 giây để thực hiện vòng lặp này. Tôi không muốn thấy kết quả của FF.

Có cách nào để tối ưu hóa việc thêm nhiều yếu tố vào bản đồ không?

Answer 1

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

Xem chi tiết docs để biết thêm chi tiết.

Answer 2

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