《MapboxGL 基础知识点》- 放大/缩小/定位/级别

中心点

getCenter：获取中心点

const {lng, lat} = map.getCenter();

setCenter：设置中心点

// lng, lat
map.setCenter([134, 28]);

缩放级别

  getZoom：获取当前缩放级别

map.getZoom();

  setZoom：设置缩放级别

map.setZoom(5);

  zoomTo：使用动画过渡将贴图缩放到指定的缩放级别

map.zoomTo(8, {
  duration: 2000,
  offset: [100, 50]
});

  zoomIn：放大

map.zoomIn({duration: 1000});

  zoomOut：缩小

map.zoomOut({offset: [80, 60]});

定位

jumpTo：跳跃

map.jumpTo({
  center: [0, 0],
  zoom: 8,
  pitch: 45,
  bearing: 90
});

flyTo：飞往

map.flyTo({
  center: [0, 0],
  zoom: 9,
  speed: 0.2,
  curve: 1,
  easing(t) {
   return t;
  }
});

easeTo：使用新旧值之间的动画转换更改中心、缩放、方位、俯仰和填充的任意组合。对于选项中未指定的任何详细信息，贴图将保留其当前值。

map.easeTo({
  center: [0, 0],
  zoom: 9,
  speed: 0.2,
  curve: 1,
  duration: 5000,
  easing(t) {
   return t;
  }
});