fonction fitbound avec direction de progression

Question

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 ?

Answer 1

Je ne sais pas si je comprends la question, mais si je la comprends, voici les points :

1. Découvrez Turf, un ensemble d'utilitaires qui peuvent vous aider. Par exemple, sa fonction bbox calculera le cadre de délimitation (geojson) à partir d'un tableau ou d'une FeatureCollection.
2. Maintenant, si vous souhaitez conserver un peu de rembourrage, vous pouvez le faire grâce à la méthode fitBounds. Plus précisément, consultez options.padding