vue使用高德地图初始化坑

  使用的时候有时候会报除Amap没有定义之外的错如

  TypeError: v.w.uh is not a constructor
  Uncaught TypeError: Cannot read properties of undefined (reading 'jt')

  等一些列初始化报错 ,然后地图就显示不出来,刷新又好了。这是由于地图实例是异步加载的当使用地图的页面开始加载地图的时候地图还没完成初始化而获取不到地图实例造成的。

 

  解决办法:不在main.js中初始化而在使用地图的页面中初始化地图,并且要在该页面初始化之前。

  <script>

  import VueAMap from 'vue-amap';   VueAMap.initAMapApiLoader({    key: '....',    plugin: ['AMap.Autocomplete'],    // 默认高德 sdk 版本为 1.4.4    v: '1.4.4'   });    export default {    }   </script>

 

posted @ 2022-08-11 15:01    阅读(1910)  评论(0编辑  收藏  举报