地图

高德地图

vue-amap文档在新窗口打开

vue-map

注意

'AMap' is not defined.

在.eslintrc.js中添加如下配置:

  globals: {
    AMap: true
  }

提示

实时监听zoom参数变化

利用ref获取地图实例,调取getZoom方法

  <el-amap
    ref="map"
    vid="amapDemo"
    :amap-manager="amapManager"
    :zoom="zoom"
    :center="center"
    :plugin="plugin"
    :events="events"
    class="amap-demo"
  />

  data() {
    return {
      events: {
        zoomchange: (e) => {
          // 更新当前地图实例zoom
          this.zoom = this.$refs['map'].$$getInstance().getZoom()
        },
      }
    }
  }
上次更新:
贡献者: leedom