带有进度方向的 fitbound 函数
P粉974462439
P粉974462439 2023-09-16 17:04:09
0
1
547

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

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

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

[编码]

const bounds = new mapboxgl.LngLatBounds();


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


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


     });

     mapRef.current?.fitBounds(bounds, {

      duration: 1000,

});

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

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

[您现在看到的屏幕]

[我们想要的屏幕]

如何设置?

P粉974462439
P粉974462439

全部回复(1)
P粉155551728

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

  1. 了解 turf,这是一组对您有帮助的实用程序。例如,它的 bbox 函数 将从数组或 FeatureCollection 计算边界框(geojson)。
  2. 现在,如果您想保留一些填充,可以在 fitBounds 方法。具体来说,查看 options.padding
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板