带有进度方向的 fitbound 函数

Question

由于我们缺乏英语技能，因此我们使用翻译进行交流，敬请理解。

我们目前正在使用 React 和 Mapbox 开发地图。

我们使用下面的编码是因为我们想在页面加载时设置地图的初始位置。

[编码]

const bounds = new mapboxgl.LngLatBounds();


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


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


     });

     mapRef.current?.fitBounds(bounds, {

      duration: 1000,

});

但是，“fitBounds”函数将最近距离的中心点设置为初始位置。

我们想要设置初始位置，包括船舶前进的方向，这并不总是最短距离。

[您现在看到的屏幕]

[我们想要的屏幕]

如何设置？

Answer 1

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

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