高德地图打包报错:‘AMap‘ is not defined 解决方案

🌟本地没问题,但是打包上线就有问题

一直报错:‘AMap‘ is not defined

🌂 解决方案一

// 只需要在new 实例化对象AMap前面添加window就好。后面的xxx为你自己想要的操作。例如添加marker

// new window.AMap.Marker({})
	new window.AMap.xxx({
		// ...
})

查看发现不是这个的原因

🌂 解决方案二
将将script 标签引入的高德地图地址 放到body中

== 最后没啥用

🌂 解决方案三
将地图加载放到mounted里面

 setTimeout(() => {
      this.initMap() //异步加载(否则报错initMap is not defined)
      // this.initroad()
    }, 1000)
==依旧没用

🌂 解决方案四
试着在.eslintrc.js中配置了一下

"globals": {
        "AMap": "true",
    },
== 未果  项目之中没有这个 

🌂 解决方案五
https://zhuanlan.zhihu.com/p/470900488

第一种
window.AMap 将所有的AMap 前面都添加上这个
结果 : 不管用

🌂 解决方案六

发现是漏掉了上传一个index.html页面里面的静态文件的引用
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
"AMap is not defined"是一个错误提示,意思是在代码中没有找到定义的AMap。这个错误通常发生在使用高德地图API时,没有正确引入高德地图的相关库或没有正确初始化地图对象。根据引用的代码片段,我们可以看到在页面引用了高德地图的插件,并且在代码中使用了AMap.Geocoder对象来获取地理位置信息。但是,需要注意的是,只有在正确引入高德地图的JS库和设置了正确的KEY值之后,才能成功使用高德地图相关功能。在引用中提到,需要申请KEY值和安全密钥,并且在代码中设置正确的KEY值和安全密钥才能生效。所以,解决"AMap is not defined"错误的方法是确保正确引入高德地图的JS库,并且设置了正确的KEY值和安全密钥。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [vue项目使用高德地图报错:AMap is not defined](https://blog.csdn.net/qq_17211063/article/details/128203126)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* *3* [JS引用高德地图报错: AMap is not defined](https://blog.csdn.net/wingold_sky/article/details/124473174)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

林太白

感谢打赏,你拥有了我VIP权限

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值