javascript - Mapbox GL 画线和贝塞尔曲线

Question

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

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

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

你怎么看？最好的方法是什么？谢谢!

Answer 1

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

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