本文介绍: 使用 JSAPI 安全模式,代理服务请以_AMapService 作为一级路由
使用 JSAPI 安全模式,代理服务请以_AMapService 作为一级路由
index.html
<script type="text/javascript">
window._AMapSecurityConfig = {
serviceHost: "http://xx.xx.xx.xx:8223/_AMapService"
};
</script>
<script type="text/javascript" src="https://webapi.amap.com/maps?v=2.0&key=你的高德key"></script>
nginx配置
# 前端服务
server {
listen 8223;
server_name 8223;
charset utf-8;
location / {
root /root/qianduan/前端代码;
try_files $uri $uri/ /index.html;
index index.html index.htm;
add_header Access-Control-Allow-Origin *;
}
location /_AMapService/v4/map/styles {
set $args "$args&jscode=你自己的安全密钥";
proxy_pass http://webapi.amap.com/v4/map/styles;
}
# 海外地图服务代理
location /_AMapService/v3/vectormap {
set $args "$args&jscode=你自己的安全密钥";
proxy_pass http://fmap01.amap.com/v3/vectormap;
}
# Web服务API 代理
location /_AMapService/ {
set $args "$args&jscode=你自己的安全密钥";
proxy_pass http://restapi.amap.com/;
}
}
使用
new AMap.Map('mapContainer', {
zoom: 10,
center: [108.931284, 34.382289]
})
原文地址:https://blog.csdn.net/weixin_45979310/article/details/135408235
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若转载,请注明出处:http://www.7code.cn/show_52646.html
如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱:suwngjj01@126.com进行投诉反馈,一经查实,立即删除!
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。