canvas - 如何在 Mapbox GL JS 中更改/偏移相机中心点？

Question

我需要 flyTo() 具有一点偏移的特定位置，然后围绕该点开始相机旋转动画。

问题是相机没有考虑到这个偏移量。这会导致相机围绕地图中心点旋转，而不是围绕在 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”的属性，但我没有明白它的用途......文档没有示例，实验也没有说清楚。

有没有办法解决这个问题？

Answer 1

可以使用 CSS 解决：

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

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

但是这个“解决方案”似乎很老套......