《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;}
});