【AMap】高德地图获取定位报错：INVALID_USER_SCODE（无效用户代码）

hzxOnlineOk

已于 2023-11-15 10:01:19 修改

阅读量1.8k

点赞数 1

分类专栏：百度地图API 文章标签：高德地图

于 2023-11-09 13:59:51 首次发布

本文链接：https://blog.csdn.net/hzxOnlineOk/article/details/134309876

版权

百度地图API 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

解决方法：

步骤1：在html头部放你创建的高德安全密钥：

<script type="text/javascript">
	// key和密钥示例：
  const AMAP_KEY = 'f7d518aa9ce63b13c4a4e1042c170faf';
  const AMAP_SAFETY_KEY = '232149c358baa5e9a7fba12b8a4b16eg';
  window._AMapSecurityConfig = {
  	securityJsCode: AMAP_SAFETY_KEY, // 高德安全密钥
  }
  // 引入的AMap全局js文件是一个自执行函数（IIFE），会自动将AMap加入到window对象的属性中，并且会去读取window._AMapSecurityConfig的值判断是否具有权限。
</script>

步骤2：完整代码如下：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
    <script type="text/javascript">
      // 一定要安全密钥先写在前，key在后，不然无效
      window._AMapSecurityConfig = {
        securityJsCode: "高德安全密钥",
      }
    </script>
    <script src="http://webapi.amap.com/maps?v=2.0&key=你申请的key"></script>
    <script src="//webapi.amap.com/ui/1.0/main.js?v=1.0.11"></script>
    <title>这是一个WEB应用标题</title>
  </head>
  <body>
    <div id="root"></div>
  </body>
</html>

步骤3：高德地图key设置：
高德地图key申请地址：https://console.amap.com/dev/key/app

引用官方说明：

添加成功后，可获取到key值和安全密钥jscode（自2021年12月02日升级，升级之后所申请的 key 必须配备安全密钥 jscode 一起使用)

注意：此次升级不会影响之前已获得 key 的使用；升级之后的新增的key必须要配备安全密钥一起使用，具体用法请您参看下文《JSAPI key和安全

hzxOnlineOk

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
【AMap】高德地图获取定位报错：INVALID_USER_SCODE（无效用户代码）

添加成功后，可获取到key值和安全密钥jscode（自2021年12月02日升级，升级之后所申请的 key 必须配备安全密钥 jscode 一起使用)注意：此次升级不会影响之前已获得 key 的使用；升级之后的新增的key必须要配备安全密钥一起使用，具体用法请您参看下文《JSAPI key和安全。
复制链接

扫一扫