Appearance
地图状态
本文介绍设置、获取地图状态的常用方法,包括:
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]
})