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

时间:2019-04-14 07:17:51

标签: canvas mapbox-gl-js mapbox-gl

我需要在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”的属性,但我没有意识到它的用途……文档中没有示例,实验也不清楚。

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

1 个答案:

答案 0 :(得分:0)

可以解决CSS问题:

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

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

但是这个“解决方案”似乎很笨拙……