整体思路:

说明：这边用的是apiv1.3版本，现在的版本没有进行尝试（基本地图功能都OK可以实现）。

1.先在可上网电脑上引用正确的 http://api.map.baidu.com/api?v=1.3 地址，可以看到引用的一些js和css，进行下载到本地，进行引用（一个是基本样式，一个是基本js）；

2.在下载常用的地图模块（map,oppc,tile,control,marker）https://api.map.baidu.com/getmodules?v=1.3&mod=map,oppc,tile,control,marker%E2%80%9D

这些就是我们在地图所使用的的点、线、标注等，如果还需要其他的模块，在线做一个demo看浏览器的控制台Network中有关modules的链接数据进行下载保存到一个modules文件中直接引用

3.下载离线地图瓦片（好多软件可以进行下载，不过好像都没有最深层的，毕竟数据量大，我用的是全能地图下载器，注意下载百度的地图瓦片）

4.将我们下载引用的 bmap.css 打开里面有我们所需的png，进行下载放到本地并修改bmap.css中的路径

5.我这边用的是覆盖层进行地图瓦片的覆盖就是在地图上覆盖一层瓦片，我的所有功能没有受影响（还有一种是更好的但是复杂一些就是直接修改下载的 apiv1.3.min.js 里对瓦片调用url的修改，这里我没做详细研究，为了进度）

    var tileLayer = new BMap.TileLayer({isTransparentPng: true});tileLayer.getTilesUrl = function(tileCoord, zoom) {var x = tileCoord.x;var y = tileCoord.y;return '本地文件名' + '/' + zoom + '/' + x + '/' + y + '.png';}var map = new BMap.Map('container');map.addTileLayer(tileLayer);map.addControl(new BMap.NavigationControl());map.centerAndZoom(new BMap.Point(, ), 19);map.enableScrollWheelZoom(); //启用滚轮放大缩小

6.启动查看控制台会发现Network回头很多404错误（断网没有缓存），这是因为 apiv1.3.min.js 里面有最底层瓦片调用和一些js引用，挨个选择名称去 apiv1.3.min.js 查找去修改其url 或直接return null 就行（我们所有的依赖是直接在页面有引用所以不需要 apiv1.3.min.js 去帮我们引）；下图是我所有引用文件

<link rel="stylesheet" href="css/bmap.css">
<script type="text/javascript" src="js/apiv1.3.min.js"></script>
<script type="text/javascript" src="js/modules"></script>
<script type="text/javascript" src="js/jquery-3.4.1.min.js"></script>
<script type="text/javascript" src="js/Lushu_min.js"></script>

百度地图整合离线和使用相关推荐

最全面的百度地图JavaScript离线版开发
转载请注明出处:http://www.cnblogs.com/Joanna-Yan/p/5822231.html 项目要求web版百度地图要离线开发.这里总结下自己的开发过程和经验. 大概需求是:每辆 ...
运用百度地图API离线版（在线版）实现网管系统中终端定位和终端信息获取的功能...
一.了解百度地图API 1.百度地图JavaScript API简介百度地图JavaScript API是一套由JavaScript语言编写的应用程序接口,可在网站中构建功能丰富.交互性强的地图应用 ...
每天导航超4亿公里，百度地图整合AI功能
9月19日,百度地图召开"AI出行更简单百度地图十一全民畅行节"发布会上.百度地图在AI技术平台体系(AIG)内,越来越深度地与AI结合,更加顺畅地为百度地图进行定制化AI,同时 ...
百度地图api离线开发（示例源代码）
相关教程: 1.如何搭建WEB离线地图开发环境 2.下载离线地图数据(金字塔瓦片数据) 3.离线地图二次开发接口(离 ...
百度空间互踩_贝壳联手百度地图整合新房信息找房更便捷
来源:环球网近日,贝壳找房与百度地图达成战略合作,推出基于百度地图丰富房产社区POI点的房产信息服务内容.消费者只要进入到最新版的百度地图之后,输入想要查询的楼盘名称,即可查看贝壳App所提供的新房 ...
vue集合离线百度地图
vue集合离线百度地图 vue.js百度地图api离线发布于 1月9日一.需求场景所谓离线,大概都是项目在内网中使用,无法连接外网,所以需要开发离线地图功能. 在看以下步骤前,先提示这个vue项 ...
百度地图离线webjs pc端研究附文件下载
最近在研究百度地图离线方案,网上也提供了一系列的基于百度地图的离线解决方案,最终都以瓦片找不到而告终. 经过仔细研究baidumap.js的原理,终于小有成就,现在mark一下. 首先,获取百度地图j ...
百度地图与HT for Web结合的GIS网络拓扑应用
在<HT for Web整合OpenLayers实现GIS地图应用>篇中介绍了HT for Web与OpenLayers的整合,不少朋友反应国内用得比较多的还是百度地图,虽然HT整合百度地 ...
造“车轮”的百度地图
交通与生活关系之密切,似乎可以追溯到人类文明的伊始.苏美尔人发明了"轮",这件至今仍然出现在我们生活中的工具,让这一民族在人类文明历史上留下了至关重要的一笔.当人类受生理极限所限无 ...

百度地图整合离线和使用

整体思路:

百度地图整合离线和使用相关推荐

最新文章

热门文章