nginx代理百度地图，实现内网展示百度地图

最新推荐文章于 2025-06-07 15:45:53 发布
最新推荐文章于 2025-06-07 15:45:53 发布
阅读量1.2w 收藏 2
点赞数 1
CC 4.0 BY-SA版权
分类专栏： 百度地图 文章标签： 百度地图 nginx java javaScript api js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/yezip/article/details/79785480
本文介绍如何在没有外部网络连接的环境中部署百度地图。通过使用nginx作为代理服务器，可以实现在封闭网络中加载并显示百度地图的功能。具体步骤包括获取百度地图API文件、替换图片链接以及配置nginx。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

环境：公司开发汽车考试系统，由于服务器和考场没有外网，需要用一个有外网的服务器nginx代理百度地图，实现在无外网的情况下展示百度地图。

首先获取百度 JavaScript API

首先用浏览器打开 http://api.map.baidu.com/api?v=1.3 如下图所示（因为百度ak宝贝，所以这里我是在网上找的1.3版）

其中 http://api.map.baidu.com/getscript?v=1.3&key=&services=&t=20121108061854 这个链接就是我们要找的API文件，

同样在浏览器中打开它，并另存为诸如“mapApi.min.js”


还有百度地图必须的一些控件，光标，logo之类的图片也下载下来


将下载下来的js文件加载到项目里。

剩下的就是将mapApi.min.js文件中，加载百度地图瓦片图片，控件，图片等网址换成外网服务器的内网ip。


之后将转换的网址配置到nginx中，便可实现。


需要注意，nginx配置 listen 端口配置最好为：80XX，有的其他端口部分浏览器不支持，需要设置！！！



nginx代理地图服务--离线部署地图服务（地图数据篇.4）
地图之家
05-12 9219
推荐使用Nginx进行发布，也可用tomcat进行发布。 经过之前写过的文章，介绍了如何对天地图，百度地图，高德地图，google地图的数据爬取。统一放在一个目录下。 1.nginx开启跨域访问配置（在nginx的config配置） 2.nginx代理地图数据（在nginx的config配置） 3.重启nginx，访问 3.1原地图文件路径 3.2代理访问（如能访问，即成功部署地图服务，后续可供leaflet，mapbox等地图框架进行调用） nginx参考配置 #user nobody; w
4.（地图数据篇）nginx代理地图服务--离线部署地图服务
GIS之家家长
07-01 1244
地图之家：cesium+leaflet+echart+地图数据+地图工具等相关内容的介绍 推荐使用Nginx进行发布，也可用tomcat进行发布。 经过之前写过的文章，介绍了如何对天地图，百度地图，高德地图，google地图的数据爬取。统一放在一个目录下。 1.nginx开启跨域访问配置（在nginx的conf/nginx.conf配置） 2.nginx代理地图数据（在nginx的conf/nginx.conf配置） 3.重启nginx，访问 3.1原地图文件路径 3.2代理访问（如能访问，即成功部署地图
Nginx代理百度地图离线瓦片
weixin_45106532的博客
11-21 3787
windows：nginx代理配置 server { listen 8088; server_name 10.126.10.84; client_header_buffer_size 512k; large_client_header_buffers 4 512k; charset utf-8; underscores_in_headers on; location /tiles {
【高德地图离线加载解决方案（内网部署/断网访问地图）+本地地图瓦片加载 + 兼容互联网】
最新发布
领悟
06-07 1062
本文介绍了使用高德地图离线包的实现方法。首先下载AMap3.js离线包和本地瓦片数据，然后在项目中引入AMap3.js。文章提供了两种实现方式：在离线环境下使用本地瓦片图层，以及通过@amap/amap-jsapi-loader插件兼容互联网环境。两种方式都详细说明了地图初始化、瓦片图层配置和控件添加的代码实现。最后给出了完整的Vue组件代码示例，包含错误处理机制，确保地图在内网和互联网环境下都能正常显示。
Nginx代理百度地图，实现内网访问百度地图
qq_38491310的博客
02-14 1万+
现在有一个项目，需要实现内网访问百度地图。上网查阅资料发现有以下两种思路： 1、离线百度地图api以及一些资源（控件、logo） 2、离线百度地图api以及一些资源（控件、logo、瓦片图） 没错，区别就在于需不需要把瓦片图下载到本地。方案2的难点在于：a.下载瓦片图，需要特定的下载程序，一般都是付费的，否则不全或有水印；b.命名瓦片图，在1.3版本中，需要依靠xyz的值来确定瓦片图的路径，有些博...
通过nginx代理实现内网访问百度地图方案
hijunmeng的专栏
02-12 7267
通过nginx代理实现内网访问百度地图方案 文章目录通过nginx代理实现内网访问百度地图方案前言第一种方式实现（3步）获取js中的域名（1）替换域名（2）配置nginx（3）其他参考 前言 如果浏览器所在环境不能访问外网，又要实现地图功能，而且服务器能上外网的话，那么就可以通过代理实现内网环境访问百度地图。 值得注意的是此种代理方案并不能解决所有的百度地图的功能，但对于基本的地图功能还是基...
vue-内网，离线使用百度地图（地图瓦片图下载静态资源展示定位）
热门推荐
路虽远行则将至，事虽难做则必成。
12-21 1万+
最近发现很多小伙伴都在问内网怎么使用百度地图，或者是断网情况下能使用百度地图吗后面经过一番研究，主要难点是，正常情况下我们是访问公网百度图片，数据，才能使用内网时访问不了百度地图资源时就会使用不了，如果我们能把我们需要数据下载到本地，自己访问自己，那这个问题就可以解决我们可以使用地图下载器下载我们需要的瓦片图数据，使用serve运行起来，这样内网和断网就可以使用了遗憾的是只能基本展示，定位。不能使用百度地图api-类，因为百度地图类和api都是通过http请求来实现的。
内网 离线百度地图
11-28
内网做离线地图，没有水印. 有外网使用外网。没有外网时加载本地服务器的地图。
百度地图代理服务器
05-27
百度地图代理服务器，可做代理，使用百度JavaScript API，适合在没有外网访问条件的政府部门使用，使用方法： 1.将war包部署 2.引入js文件baiduMap.js 3.修改baiduMap.js中你的key 和代理服务器地址 4.完成，可以...
Linux：Nginx 正向代理实现内网访问互联网
weixin_42390300的博客
01-17 907
Linux：Nginx 正向代理实现内网访问互联网
WEB百度地图2.0内网nginx转发及离线开发
记录前端生涯一些经验感悟和思考
12-31 1185
项目里面做了一个车辆轨迹跟踪功能，客户方因为某些原因只能使用内网，所以要对基于百度地图的web车辆轨迹跟踪功能，进行优化改造。 方案一：使用nginx做代理 A客户内网B代理C百度地图 A发起的所有百度地图相关请求都转接到可以访问外网的服务器B并把原路径作为参数一起携带，在B的nginx配置中解析参数之后再去百度地图抓取相应的文件返回给A 方案二：使用离线地图 离线地图方案的话和使用nginx转发...
java+vue使用百度地图用代理方式访问瓦片
11-06
百度离线瓦片 放入tomcat或者nginx中代理使用离线瓦片地图 在index.htm中引入 <script type="text/javascript" src="static/baidumapv2/baidumap_offline_v2_load.js"></script> 具体目录图片格式自己可以在 load...
记阿里云SLB后配置Nginx反向代理百度地图API的坑
weixin_34329187的博客
09-03 942
需求： 百度的原始请求：https://api.map.baidu.com/place/v2/suggestion?query=s&amp;region=sc&amp;city_limit=true&amp;output=json&amp;ak=dl0tuE2WhjbHyqKcHevxXRYnLjV53OZm 代理为： https://api.example.com/proxy/baidu/sug...
可视化优化：百度地图内网访问（通过nginx代理）
03-10 7615
开发一个百度地图的可视化项目，客户如何在内网访问含有百度地图的系统
nginx正向代理访问百度地图API
weixin_34344677的博客
09-30 783
正向代理的概念 正向代理,也就是传说中的代理,他的工作原理就像一个跳板,简单的说,我是一个用户,我访问不了某网站,但是我能访问一个代理服务器这个代理服务器呢,他能访问那个我不能访问的网站于是我先连上代理服务器,告诉他我需要那个无法访问网站的内容代理服务器去取回来,然后返回给我 从网站的角度,只在代理服务器来取内容的时候有一次记录有时候并不知道是用户的请求,也隐藏了用户的资料,这取决于代理告不告...
百度地图Nginx离线反向代理配置
A_1_A_1_A的博客
12-15 699
【代码】百度地图Nginx离线反向代理配置。
nginx转发百度地图api
中国华的博客
11-06 2254
http://127.0.0.1:9081/baiduapi/geocoding/v3/?address=a&output=json&ak=bygaIM87owKb9ujCXL18IO8IIEGZRtjO&callback=showLocation ==> https://api.map.baidu.comgeocoding/v3/?address=a&o...
手把手教你内网环境搭建百度地图
gonghaiyu的博客
10-09 1万+
百度地图内网访问方案 现在有一个项目，需要实现内网访问百度地图。上网查阅资料发现有以下两种思路： 1、离线百度地图api以及一些资源（控件、logo） 2、离线百度地图api以及一些资源（控件、logo、瓦片图） 区别就在于需不需要把瓦片图下载到本地。方案2的难点在于：a.下载瓦片图，需要特定的下载程序，一般都是付费的，否则不全或有水印；b.命名瓦片图，在1.3版本中，需要依靠xyz的值来确定瓦片图的路径，有些博客有涉及。 综上所述，采用方案1比较简单，它的整体思路是：只把api对应的js文件和一些必需的资
百度地图内网访问或者局域网访问二次开发
bigemap的博客
07-29 1747
1、如何搭建离线地图开发环境 2、下载离线地图数据(金字塔瓦片数据） 3、离线地图二次开发接口（离线地图API） 4、离线地图API接口实例DEMO 5、离线地图完整演示实例 技术支持 电话...
nginx配置百度地图代理ak
10-19
Nginx作为一款常用的反向代理服务器，可以用于代理API请求，包括像百度地图这样的服务。为了设置一个百度地图API的代理，你需要在Nginx的配置文件里做以下几个步骤： 1. **创建location块**：首先，在Nginx的`http`或`server`部分，添加一个新的`location`块来指定代理到百度地图API的URL。 ```nginx location /bmap-api { proxy_pass http://api.map.baidu.com; # API的原始地址 } ``` 2. **添加身份验证**：如果你有获取到的百度地图的AK（Access Key），可以在请求头中添加它，例如通过`proxy_set_header`指令： ```nginx location /bmap-api { proxy_pass http://api.map.baidu.com; proxy_set_header Host $host; proxy_set_header X-BMap-API-Key your_baidu_api_key; } ``` 请将`your_baidu_api_key`替换为实际的百度地图API Key。 3. **启用HTTPS**：如果API要求HTTPS，记得配置SSL证书支持： ```nginx location /bmap-api { proxy_pass https://api.map.baidu.com; proxy_set_header ... } ``` 4. **错误处理**：添加一些基本的错误处理和超时设置，如连接超时和读取超时： ```nginx location /bmap-api { proxy_pass https://api.map.baidu.com; proxy_set_header ... proxy_read_timeout 60s; proxy_connect_timeout 30s; error_page 502 = @error_page_502; } # 自定义错误页面 location @error_page_502 { return 502 "Proxy Error"; } ``` 完成上述配置后，Nginx会代理所有访问`/bmap-api`路径的请求，并传递所需的认证信息给百度地图API。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值