Aufgrund unserer mangelnden Englischkenntnisse nutzen wir für die Kommunikation Übersetzer, bitte haben Sie Verständnis.

Wir entwickeln derzeit Karten mit React und Mapbox.

Wir verwenden die folgende Codierung, weil wir die Anfangsposition der Karte festlegen möchten, wenn die Seite geladen wird.

[Kodierung]

const bounds = new mapboxgl.LngLatBounds();


     cgoData?.forEach((cgoItem: any) => {


       bounds.extend([cgoItem?.prtLogt, cgoItem?.prtLat]);


     });

     mapRef.current?.fitBounds(bounds, {

      duration: 1000,

});

Die Funktion „fitBounds“ legt jedoch den nächstgelegenen Mittelpunkt als Ausgangsposition fest.

Wir möchten die Ausgangsposition festlegen, einschließlich der Richtung, in die sich das Schiff bewegt, was nicht immer die kürzeste Entfernung ist.

[Bildschirm, den Sie gerade sehen]

[Bildschirm, den wir wollen]

Wie richtet man es ein?