Javascript React Mapbox GL-如何使用图层和要素而不是标记在地图上绘制图像

我在我的项目中使用Marker，因为我使用Marker处理大约10000个数据点，所以性能不是很好。我读过文件，上面写着

注意：渲染多个对象时，请避免使用标记，因为这会对性能产生负面影响。改用图层和要素

---

如何使用图层和功能来显示标记？

若要使用图层和功能来渲染某些内容，请将一个或多个图层和功能放置在标记中。您可以使用

坐标

道具为每个特征指定一个位置

现在，剩下的就是设计这些特性的样式。如何执行此操作取决于标记以前包含的内容，但例如，如果要为每个位置绘制圆，可以将层的

类型设置为
圆形
，并在
绘制
道具下，提供
圆形颜色
和
圆形半径
（这些在中进行了描述

对于绘制每个坐标的图像，可以使用图层上的
布局
属性（必须使用预先存在的图标或将其上载到）

您可以在演示中看到一些示例代码，例如带有圆圈的样式数据