Mapbox GL绘制线条和bezier



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

我发现mapbox-gl-draw (https://bl.ocks.org/danswick/083a0b48c2cc78c4a08d),但它似乎只是一个工具内使用的地图…但是我没有看到任何API来使用javascript绘制。

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

你觉得怎么样?最好的办法是什么?谢谢!

在Mapbox GL JS中绘制线条的首选方式是将线条表示为GeoJSON,并将其作为GeoJSONSource/line层对添加到地图中。

你可能会发现这个画GeoJSON线的例子和这个画弧线的例子很有帮助。

Mapbox -gl-draw是Mapbox -gl支持的GeoJSON绘图工具。它创建了不支持bezier曲线的GeoJSON,但它可以用来绘制linestring。

最新更新