添加大量html标记时，Mapboxgl性能下降

Question

我在地图上添加了300多个带有背景图片（1kb）的html标记。但是当缩放时，性能与例如50个标记相比显着下降。有没有办法提高绩效？

for(var ii = 0; ii < length; ii++) {

  // Create html element for marker
  var element: any = document.createElement('div');
  element.className += (' marker-' + status + '-' + type);
  self.markers.push(
    new mapboxgl.Marker(element, {
      offset: {
        x: -20, /* Half width marker css */
        y: -40 /* Height markers css */
      }
    })
    .setLngLat([store.lng, store.lat])
    .addTo(self.map)
  );

}

在缩放或更改地图时，不是添加速度较慢，而是渲染标记。