vue-baidu-map突破19级缩放限制解决方案

m0_57344835

于 2024-02-29 15:42:24 发布

阅读量463

点赞数 8

文章标签： vue.js 百度前端

本文链接：https://blog.csdn.net/m0_57344835/article/details/136372960

版权

文章介绍了如何在JavaScript中使用BMap库，通过创建新的MapType对象来改变地图的最大缩放级别(maxZoom)和最小缩放(minZoom)，即使超过20级时地图显示灰色，但仍能展示标注内容。

摘要由CSDN通过智能技术生成

缩放到20级的效果图

data中定义map和BMap变量

handler({ BMap, map }) {
      this.map = map
      this.BMap = BMap
      const defaultMapType = this.map.getMapType()
      const defaultTileLayer = defaultMapType.getTileLayer()
      const newMapType = new this.BMap.MapType('新地图', defaultTileLayer, { minZoom: 5, maxZoom: 20 })

      this.map.setMapType(newMapType)
    }

minZoom控制地图最小缩放，maxZoom控制最大缩放级（注：最大缩放级别超过20地图显示一片灰色但标注的内容可以展示出来）