高德地图 key 和安全密钥使用

参考高德地图:JS API 安全密钥使用

高德地图 key 和安全密钥使用

一、通过明文方式设置

javascript 复制代码
<script type="text/javascript">window._AMapSecurityConfig = {
    securityJsCode: "「你申请的安全密钥」",
};
参数查看如下
成功后返回的信息

二、通过代理服务器转发

javascript 复制代码
  // 以Nginx反向代理为例
  location /_AMapService/ {
    set $args "$args&jscode=你的安全密钥";
    proxy_pass https://restapi.amap.com/;
  }

  // index.html中引入
  <script type="text/javascript">window._AMapSecurityConfig = {
    serviceHost: "你的代理服务器域名或地址/_AMapService",
    //例如 :serviceHost:'http://1.1.1.1:80/_AMapService',
 };
实验:通过本地地址转发返回错的错误信息,如下
javascript 复制代码
 SERVICE_NOT_AVAILABLE,PLEASE CONTACT    api@autonavi.com

通过查看高德的具体错误码描述

通过正确的项目的的服务地址,返回正常
参数查看如下
成功后返回的信息
项目服务本身设置是有一级路由的

有个输出: 使用 JSAPI 安全模式,代理服务请以_AMapService 作为一级路由

通过两者不同的方式 ,发现传参中少了个 jscode

相关推荐
Coremail118 小时前
AI赋能,安全领航!Coremail受邀出席CERNET第三十一届学术年会
人工智能·安全
五点六六六18 小时前
跨端RN 与 浏览器Web 的 长渲染性能 差异 与 底层 揭秘
前端·react native·webgl
咬人喵喵18 小时前
18 类年终总结核心 SVG 交互方案拆解
前端·css·编辑器·交互·svg
不想秃头的程序员19 小时前
JS继承方式详解
前端·面试
Mapmost19 小时前
【高斯泼溅】从“看清”到“看懂”,3DGS语义化让数字孪生“会说话”
前端
指尖跳动的光19 小时前
防止前端页面重复请求
前端·javascript
luquinn19 小时前
用canvas切图展示及标记在原图片中的位置
开发语言·前端·javascript
巧克力芋泥包19 小时前
前端vue3调取阿里的oss存储
前端
AAA阿giao19 小时前
React Hooks 详解:从 useState 到 useEffect,彻底掌握函数组件的“灵魂”
前端·javascript·react.js
RedHeartWWW19 小时前
Next.js Middleware 极简教程
前端