Uncaught ReferenceError: AMap is not defined at index.html:18

用HBuild开发app的时候遇到了这个bug,当时正在使用高德地图的JavaScript API,百度了一下,也没太大的进展。



好像是因为AMap没有定义或者初始化导致的。


后来发现把红框处的js代码移动到底部bug就没有了。


红框1那个位置要填写申请的key值,应该是那段js之后,就可以用AMap了。






如果本文对你有帮助的话,麻烦在左侧点个赞,谢谢支持。


  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
根据你提供的引用内容,当出现"Uncaught ReferenceError: AMap is not defined"错误时,意味着代码中没有找到定义的AMap对象。这可能是由于以下几个原因导致的: 1. 引入高德地图API的顺序不正确:确保在使用AMap对象之前正确引入了高德地图JavaScript文件。例如,在HTML文件中,应该先引入高德地图JavaScript文件,然后再引入使用AMap对象的代码。 2. 高德地图API文件加载失败:检查网络连接是否正常,确保能够成功加载高德地图JavaScript文件。可以通过在浏览器的开发者工具中查看网络请求来确认文件是否成功加载。 3. 高德地图API文件路径错误:检查引入高德地图JavaScript文件的路径是否正确。确保文件路径与实际文件的位置相匹配。 4. 高德地图API文件版本不兼容:如果使用的高德地图API文件版本与代码中使用的API版本不兼容,可能会导致AMap对象未定义的错误。请确保使用的高德地图API文件与代码兼容。 以下是一个示例代码,演示了如何正确引入高德地图API并使用AMap对象: ```html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>使用高德地图</title> <script src="https://webapi.amap.com/maps?v=1.4.15&key=your-api-key"></script> <script> // 在地图加载完成后执行代码 function initMap() { var map = new AMap.Map('map-container', { center: [116.397428, 39.90923], zoom: 13 }); // 其他地图相关操作 } </script> </head> <body> <div id="map-container" style="width: 100%; height: 400px;"></div> <script> // 在页面加载完成后执行代码 window.onload = function() { // 确保高德地图API已加载完成 if (typeof AMap !== 'undefined') { initMap(); } else { console.error('高德地图API加载失败'); } }; </script> </body> </html> ```

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值