javascript - Mapbox GL dibujar líneas y bézier

¿Hay alguna manera de dibujar líneas dentro de Mapbox GL? Por ejemplo, necesito dibujar algunas líneas (rectas o curvas) que conecten mis marcadores. Con Mapbox puedo usar Arc.js, pero no sé si ya existe alguna solución para Mapbox GL.

Encontré mapbox-gl-draw (https://bl.ocks.org/danswick/083a0b48c2cc78c4a08d) pero parece solo una herramienta para usar dentro de un mapa... pero no veo ninguna API para dibujar usando JavaScript.

También encontré esto Tesspathy (http://gree.github.io/tesspathy/) y tal vez una solución podría ser usarlo para dibujar dentro del contexto de un mapa.

¿Qué piensas? ¿Cuál podría ser la mejor manera? ¡Gracias!

Respuesta #1

La forma preferida de dibujar líneas dentro de Mapbox GL JS es expresar las líneas como GeoJSON y agregarlas al mapa como un par de GeoJSONSource/capa de líneas.

Podrías encontrar útil este ejemplo de dibujar una línea GeoJSON y este ejemplo de dibujar una línea de arco mayor.

Respuesta #2

mapbox-gl-draw es la herramienta de dibujo GeoJSON compatible con Mapbox para mapbox-gl. Crea GeoJSON que no soporta curvas de Bézier, pero se puede usar para dibujar LineStrings.