Mapbox GL绘制线和bezier

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 / line图层对添加到地图中。

您可能会发现this example of drawing a GeoJSON line和this example of drawing a great arc line很有帮助。

Answer 2

mapbox-gl-draw是mapbox-gl支持Mapbox的GeoJSON绘图工具。它创建的GeoJSON不支持贝塞尔曲线，但可用于绘制LineStrings。