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>
本文来自博客园,作者:脆,转载请注明原文链接:https://www.cnblogs.com/Wei-notes/p/16576060.html
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· winform 绘制太阳,地球,月球 运作规律
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· 上周热点回顾(3.3-3.9)