如何更改/偏移Mapbox GL JS中的摄像机中心点?

问题描述 投票:0回答:1

我需要使用一点偏移飞到To()特定位置,然后围绕该点开始相机旋转动画。

问题是相机不考虑此偏移。这会导致相机围绕地图中心点旋转,但不会在flyTo()调用中指定的偏移点周围旋转。

map.flyTo({
  zoom:    point.zoom,
  center:  point.coords,
  bearing: point.bearing,
  pitch:   point.pitch,
  offset:  point.offset
});

map.once('moveend', () => rotateCamera(map.getBearing()));

CameraOptions中有一个名为“around”的属性,但我没有达到它的目的......文档没有示例,实验也没有说清楚。

有什么方法可以解决这个问题吗?

canvas mapbox-gl-js mapbox-gl
1个回答
0
投票

可以使用CSS解决方法:

#map {
  /* ... */
  padding-left: 200px;
  margin-left: -200px;

  padding-top: 200px;
  margin-top: -200px;
  overflow: hidden;
}

但这个“解决方案”看起来很糟糕......

© www.soinside.com 2019 - 2024. All rights reserved.