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

时间:2016-06-29 18:52:59

标签: javascript mapbox-gl mapbox-gl-js

有一些方法可以在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),也许有一个解决方案可以用它来绘制地图的上下文。

你怎么看?什么是最好的方式?谢谢!

2 个答案:

答案 0 :(得分:3)

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

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

答案 1 :(得分:0)

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

相关问题