Mapbox GL Linien zeichnen und Bezier

Question

Es gibt eine Möglichkeit, Linie in Mapbox GL zu zeichnen? Zum Beispiel muss ich einige Linien (gerade oder Kurve) zeichnen, die meine Marker verbinden. Mit Mapbox kann ich Arc.js verwenden, aber ich weiß nicht, ob es bereits eine Lösung für Mapbox GL gibt.

Ich fand mapbox-gl-draw (https://bl.ocks.org/danswick/083a0b48c2cc78c4a08d) aber es scheint nur ein Werkzeug in einer Karte zu verwenden ... aber ich sehe keine API zum Zeichnen mit Javascript.

Ich fand auch diese Tesspathy (http://gree.github.io/tesspathy/) und vielleicht könnte eine Lösung damit im Kontext einer Karte zeichnen.

Was denkst du? Was könnte der beste Weg sein? Vielen Dank!

Answer 1

Die bevorzugte Methode zum Zeichnen von Linien in Mapbox GL JS besteht darin, die Linien als GeoJSON auszudrücken und sie als GeoJSONSource/Linienlayerpaar zur Karte hinzuzufügen.

Sie könnten this example of drawing a GeoJSON line und this example of drawing a great arc line hilfreich finden.

Answer 2

mapbox-gl-draw ist das von Mapbox unterstützte GeoJSON Zeichenwerkzeug für mapbox-gl. Es erstellt GeoJSON, das Bezier-Kurven nicht unterstützt, aber es kann verwendet werden, um LineStrings zu zeichnen.