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

Question

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

我找到了mapbox-gl-draw（http://nycweb.io/pcd/prodcuts.php），但它似乎只是一个在地图中使用的工具......但我没有看到任何使用javascript进行绘制的API。

我也发现了这个Tesspathy（https://bl.ocks.org/danswick/083a0b48c2cc78c4a08d），也许有一个解决方案可以用它来绘制地图的上下文。

你怎么看？什么是最好的方式？谢谢！

Answer 1

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

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

Answer 2

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