reactjs - 反应传单加载 1000 个标记

Question

有没有更好的方法将 1000 个标记加载到反应传单地图。需要一段时间

  useEffect(() => {
   //get Marker coordinates from db
     setMarkerData(data)
  }, []);

  <Map
        center={[0,0]}
        maxZoom={18} //shows map
        minZoom={3}
        id="map"
        zoomControl={false}
        ref={(e) => {
          setMapInstance(e);
        }}>
     <MarkerClusterGroup>
      {MarkerData.map((marker, index) => {
            const post = [marker.latitude, marker.longitude];
            return (
              <Marker
                key={index}
                position={post}
                data={marker}
                <Popup>
                  <strong>{marker.title}</strong>
                </Popup>
              </Marker>

我正在尝试使用从数据库中获取的坐标在地图上显示标记。以 X 间隔定期获取多个标记会更好吗？

标签： reactjsleafletreact-leaflet