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

Question

我在我的项目中使用React Mapbox GL ，因为我将 Marker 用于大约 10000 个数据点，但性能并不是那么好。 我已经阅读了文档，它说

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

如何使用图层和特征来显示标记？

Answer 1

要渲染具有图层和功能的内容，请将一个或多个Feature 组件放在Layer 组件中。 您可以使用coordinates属性为每个 Feature 指定一个位置。

现在，剩下的就是设计这些功能的样式。 您如何执行此操作取决于您之前的标记所包含的内容，但例如，如果您想为每个位置绘制圆圈，您可以将图层的type设置为circle并在paint道具下，提供circle-color值和circle-radius （这些在mapbox-gl API 文档中有所描述。

要为每个坐标绘制图像，您可以使用图层上的icon-image layout属性（您必须使用预先存在的图标或将一个上传到Mapbox Studio ）。

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