Skip to content

地图状态

本文介绍设置、获取地图状态的常用方法,包括:

1.地图中心点和缩放级别
2.根据覆盖物范围调整视野

设置、获取地图中心点

  • 设置地图中心点 setCenter()
js
const position = new DiMap.LngLat(116.681212, 39.852698); //传入经纬度
// const position = [116.681212,39.852698]; //另一种写法
map.setCenter(position); // 设置地图中心点
  • 获取地图中心点 getCenter()
js
const map = new DiMap.Map({
  container: "container",
  center: [116.397686, 39.909154] //地图中心点
});
const currentCenter = map.getCenter().toArray(); //获取地图中心点
console.log(currentCenter); //输出[116.397686, 39.909154]

设置、获取地图缩放级别

  • 设置地图缩放级别 setZoom()
js
//设置地图缩放级别,级别为数字。
map.setZoom(13); //参数 zoom 可设范围:[4 , 20];
  • 获取地图缩放级别 getZoom()
js
const map = new DiMap.Map({
  container: "container",
  zoom: 11, //地图级别
});
const currentZoom = map.getZoom(); //获取地图级别
console.log(currentZoom); //输出11

同时设置地图中心点和缩放级别

  • 同时设置 jumpTo()
js
//同时传入缩放级别和中心点经纬度

map && map.jumpTo({
  zoom: 13,
  center: [116.397686, 39.909154]
})