javascript - Mapbox GL rita linjer och bezier

Finns det något sätt att rita en linje i Mapbox GL? Till exempel, jag behöver rita några linjer (raka eller kurviga) som kopplar mina markörer. Med Mapbox kan jag använda Arc.js men jag vet inte om det redan finns någon lösning för Mapbox GL.

Jag hittade mapbox-gl-draw (https://bl.ocks.org/danswick/083a0b48c2cc78c4a08d) men det verkar bara vara ett verktyg att använda inne i en karta... men jag ser ingen API för att rita med JavaScript.

Jag hittade också detta Tesspathy (http://gree.github.io/tesspathy/) och kanske skulle en lösning kunna vara att använda det för att rita inom en karts kontext.

Vad tycker du? Vad skulle kunna vara det bästa sättet? Tack!

Svar #1

Det föredragna sättet att rita linjer inom Mapbox GL JS är att uttrycka linjerna som GeoJSON och lägga till dem på kartan som ett GeoJSONSource/linjelager-par.

Du kan tycka att detta exempel på att rita en GeoJSON-linje och detta exempel på att rita en storcirkel-linje är användbart.

Svar #2

mapbox-gl-draw är Mapbox-stödd GeoJSON-ritverktyg för mapbox-gl. Det skapar GeoJSON som inte stödjer Bezier-kurvor, men det kan användas för att rita LineStrings.