高德地图 缩放级别(Zoom) 和 比例尺(scale)之间 的关系

map.getZoom() 获取当前地图的缩放级别

因为项目要求 地图可以进行缩放 ,后台的接口接收的参数为当前地图的比例尺,所以需要将获取到的当前地图的缩放级别转换为比例尺

// 地图进行缩放的时候监听该函数
AMap.event.addListener(map,'zoomend',function(){
  let scale = 20 - map.getZoom();
  _this.scale = parseInt(Math.pow(2,scale))
});

地图部分还需要注意一个问题

// 在地图上放置多个marker的时候 每次重绘的时候需要将上次绘制的marker清除掉,否则会进行多次调用
map.clearMap();
marker = new AMap.Marker({
    icon: location,
    position: [item.longitude,item.latitude],
    offset: new AMap.Pixel(-52,-52),
    zIndex: 101,
    map: map
});

你可能感兴趣的:(vue-js)