Fitbound-Funktion mit Fortschrittsrichtung

Question

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?

Answer 1

不确定我是否理解了这个问题，但如果我理解了，则有以下几点：

1. 了解 turf，这是一组对您有帮助的实用程序。例如，它的 bbox 函数 将从数组或 FeatureCollection 计算边界框（geojson）。
2. 现在，如果您想保留一些填充，可以在 fitBounds 方法。具体来说，查看 options.padding