WEB百度地图2.0内网nginx转发及离线开发

项目里面做了一个车辆轨迹跟踪功能，客户方因为某些原因只能使用内网，所以要对基于百度地图的web车辆轨迹跟踪功能，进行优化改造。

方案一：使用nginx做代理

A发起的所有百度地图相关请求都转接到可以访问外网的服务器B并把原路径作为参数一起携带，在B的nginx配置中解析参数之后再去百度地图抓取相应的文件返回给A

方案二：使用离线地图

离线地图方案的话和使用nginx转发思路相近，不同的是一个是转发方式去百度拿瓦片等资源，一个是提前下好所有需要的资源从本地抓去。

实操：

不管是方案一还是方案二首先都要解决一个问题，就是怎么能修改百度地图请求资源时调用的路径，那么怎么实现呢？
首先我们看百度地图页面内的引用

<script src="https://api.map.baidu.com/api?v=2.0&ak=X&s=1"></script>

浏览器输入这段引用路径得到返回

(function() {
  window.HOST_TYPE = "2";
  window.BMap_loadScriptTime = new Date().getTime();
  document.write(
    '<script type="text/javascript" src="https://api.map.baidu.com/getscript?v=2.0&ak=x&services=&t=date"></script>'
  );
})();

发现引用https://api.map.baidu.com/api后百度地图做的操作是往页面注入该段JS代码，再添加一个JS引用
于是我们继续去访问https://api.map.baidu.com/getscript得到
一大段压缩的JS，保存为本地文件getScript.js并解压代码后可以发现我们所需要的都在这里面了。

实现方案一

找出getScript.js中所有域名地址并改造
原地址： api0.map.bdimg.com/images/
改造后： B/api0.map.bdimg.com/images/
在B的nginx中接收并代理至相应地址

实现方案二

使用工具下载瓦片
修改图片资源引用地址
修改getScript.js，资源引用修改成本地

（待续。。）

最后

以上就是忧心书本为你收集整理的WEB百度地图2.0内网nginx转发及离线开发的全部内容，希望文章能够帮你解决WEB百度地图2.0内网nginx转发及离线开发所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。