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

Posted 2021-03-28

我需要使用一点偏移飞到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”的属性，但我没有达到它的目的......文档没有示例，实验也没有说清楚。

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

答案

可以使用CSS解决方法：

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

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

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