javascript - Mapbox GL - 绘制多个点/符号并为其设置动画

Question

我正在尝试将基于网络套接字事件的实时数据添加到我的 map 中。
每次我得到一个点，我必须在 map 上添加/更新它。最好的选择是什么？

A) 创建一个FeatureCollection 并添加源和相应的图层。更新时，更改FeatureCollection并调用setData();
B) 对于每个点，创建不同的源和图层。更新时，只需更改相应的源并调用setData()即可；

我真的不相信 B) 是最好的选择，我只是不确定选项 A) 的性能(或者我以错误的方式思考前者)。

Answer 1

我想说的是介于两者之间。对于 Mapbox Draw，我使用两层，一层用于正在编辑的要素，一层用于未更改的要素。在您的例子中，您需要为每 100 个要素创建一个图层。这是因为每次添加功能时，Mapbox GL 都必须将 geojson 重新切割成图 block ，因此限制必须检查的功能数量是明智的。也就是说，很多层也会成为一个问题。

虽然我在上面提到了 100 个功能，但您可能会想多次使用这个数字。这将涉及在源中的层数和特征数之间找到适当的平衡。