使用 React Map GL 渲染超过 1000 个标记答案

【问题标题】：Rendering over 1000 markers using React Map GL使用 React Map GL 渲染超过 1000 个标记
【发布时间】：2020-07-04 17:59:05
【问题描述】：

我在渲染大量标记时遇到问题。每个标记都显示为 SVG。一切都很好，直到标记的数量增加到超过 1000 个。地图开始滞后，放大或缩小时有延迟，甚至移动地图。正如我从这篇文章中看到的：Stylable marker/feature in react-mapbox-gl?

有没有其他方法可以在不从 react-map-gl 更改为 react-mapbox-gl 的情况下流畅地渲染和交互？因为 react-map-gl 中不存在 Feature 组件。

感谢您回答我的问题。

【问题讨论】：

【解决方案1】：

这里描述了用于渲染大量标记和缩放/平移的优化：https://github.com/visgl/react-map-gl/issues/750

【讨论】：

【解决方案2】：

您需要对标记进行聚类，根据您的设置，有不同的方法可以完成此操作，对于 react-mapbox-gl，有一个非常好的教程 here 使用 custom hook为Supercluster

【讨论】：