There is some way to draw line inside Mapbox GL? For example, i need to draw some lines (straight or curve) that connect my markers. With Mapbox i can use Arc.js but i don't know if there already exist some solution for Mapbox GL.
I found mapbox-gl-draw () but it seems just a tool to use inside a map... but i don't see any API to for draw using javascript.
I also found this Tesspathy (/) and maybe one solution could be using it to draw inside a map's context.
What do you think? What could be the best way? Thanks!
There is some way to draw line inside Mapbox GL? For example, i need to draw some lines (straight or curve) that connect my markers. With Mapbox i can use Arc.js but i don't know if there already exist some solution for Mapbox GL.
I found mapbox-gl-draw (https://bl.ocks/danswick/083a0b48c2cc78c4a08d) but it seems just a tool to use inside a map... but i don't see any API to for draw using javascript.
I also found this Tesspathy (http://gree.github.io/tesspathy/) and maybe one solution could be using it to draw inside a map's context.
What do you think? What could be the best way? Thanks!
Share Improve this question edited Jul 1, 2016 at 7:33 user128511 asked Jun 29, 2016 at 18:52 MauroMauro 1711 gold badge3 silver badges8 bronze badges2 Answers
Reset to default 5The preferred way to draw lines within Mapbox GL JS is to express the lines as GeoJSON and add them to the map as a GeoJSONSource / line layer pair.
You might find this example of drawing a GeoJSON line and this example of drawing a great arc line helpful.
mapbox-gl-draw is the Mapbox supported GeoJSON drawing tool for mapbox-gl. It creates GeoJSON which does not support bezier curves, but it can be used to draw LineStrings.