高德地图获取定位报错:INVALID_USER_SCODE(无效用户代码)

解决方法:

步骤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和安全

你可能感兴趣的:(百度地图API,高德地图)