高德开发者地图快速使用报错

最新推荐文章于 2023-10-19 19:49:42 发布

好多达不溜

最新推荐文章于 2023-10-19 19:49:42 发布

阅读量9.1k

点赞数 1

分类专栏： vue 小demo 文章标签： javascript vue.js

本文链接：https://blog.csdn.net/weixin_46531845/article/details/123517860

版权

vue 小demo 专栏收录该内容

12 篇文章 1 订阅

订阅专栏

从高德开发者平台上，下载的快速地图，在本地打不开，报错

请添加图片描述

GET file://webapi.amap.com/maps?v=1.3&key=e07ffdf58c8e8672037bef0d6cae7d4a net::ERR_FILE_NOT_FOUND
maps2.html:74
 Uncaught ReferenceError: AMap is not defined
    at maps2.html:74:6
    at maps2.html:87:4

可能原因， file://webapi.amap.com/maps 替换成 http://webapi.amap.com/maps，会提示
请添加图片描述
将地图版本提升至1.45,
在html中 JS前引入自己的密钥和 key值


	<script type="text/javascript">
		window._AMapSecurityConfig = {
			securityJsCode: '密钥',
		}
	</script>

	<!-- 获取地理位置 -->
	<script type="text/javascript"
		src="http://webapi.amap.com/maps?v=1.4.15&key=自己的key值&plugin=AMap.Autocomplete,AMap.PlaceSearch">
		</script>