En raison de notre manque de compétences en anglais, nous utilisons des traducteurs pour communiquer, veuillez comprendre.

Nous développons actuellement des cartes en utilisant React et Mapbox.

Nous utilisons le codage ci-dessous car nous souhaitons définir la position initiale de la carte lors du chargement de la page.

[Encodage]

const bounds = new mapboxgl.LngLatBounds();


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


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


     });

     mapRef.current?.fitBounds(bounds, {

      duration: 1000,

});

Cependant, la fonction "fitBounds" définit le point central le plus proche comme position initiale.

Nous souhaitons définir la position initiale, y compris la direction dans laquelle se dirige le navire, qui n'est pas toujours la distance la plus courte.

[Écran que vous voyez maintenant]

[Écran que nous voulons]

Comment le configurer ?