Vue cli3 项目 vue-amap 地图加载失败

1,328 阅读1分钟

vue-cli3 官网:cli.vuejs.org/zh/

高德地图vue组件 vue-amap 官网地址:elemefe.github.io/vue-amap/#/

使用vue-cli3 创建的项目,使用vue-amap出现地图加载不出的情。

原因: 内置样式导致的组件高度为0

解决:在el-amap组件上设置高度:

<el-amap vid="amapDemo" :center="mapCenter" :zoom="12" class="amap-demo">

  .amap-demo {
    height: 300px!important;
  }