项目里面做了一个车辆轨迹跟踪功能,客户方因为某些原因只能使用内网,所以要对基于百度地图的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,资源引用修改成本地
(待续。。)