Web百度离线地图开发

百度Web离线地图WebGIS Demo，百度网页版离线地图。

需求情景

项目需要在世界地图的城市上进行标注，由于在内网上使用不能连接外网，所以需要开发离线地图功能。试过antv l7和echart，由于没有离线数据的原因不能满足需求（百度的世界地图的离线js不能缩放到城市级别，antv即便用了MapBox也会去调用amap的js）。网上找了很多WebGIS的方案研究了一下，后来因此用瓦片地图下载器下载了离线数据实现（这里用的太乐地图下载）。

参考

antv l7离线地图：https://l7.antv.vision/zh/docs/tutorial/map/offline 即便用了MapBox还是会去调用amap.com的js
echats离线地图数据包：https://github.com/apache/incubator-echarts/tree/master/map 世界地图只能到国家，不能在城市级别做标注

Html代码

Js代码

截屏

Web百度离线地图开发截屏

Web百度离线地图开发截屏

Web百度离线地图开发截屏

源码目录结构

BaiduMapOfflineDemo
├── baidu_js ----- 代码目录
├    ├── js ------ js目录
├    ├── images -- 图片目录
├    ├── css ----- css目录
├── tiles -------- 瓦片资源

Demo源码

https://github.com/loamen/BaiduMapOfflineDemo