Mapbox GL 绘制线条和贝塞尔曲线

Question

有什么方法可以在 Mapbox GL 内画线？例如，我需要绘制一些连接我的标记的线（直线或曲线）。使用 Mapbox，我可以使用 Arc.js，但我不知道 Mapbox GL 是否已经存在一些解决方案。

我找到了 mapbox-gl-draw ( https://bl.ocks.org/danswick/083a0b48c2cc78c4a08d ) 但它似乎只是一个在地图中使用的工具......但我没有看到任何用于使用 javascript 绘制的 API。

我还发现了这个 Tesspathy ( http://gree.github.io/tesspathy/ )，也许一种解决方案是使用它在地图的上下文中绘制。

你怎么认为？什么是最好的方法？谢谢！

Answer 1

在 Mapbox GL JS 中绘制线条的首选方法是将线条表示为 GeoJSON，并将它们作为GeoJSONSource/ 线图层对添加到地图中。

您可能会发现此绘制 GeoJSON 线的示例和此绘制大弧线的示例很有帮助。