基于MySQL+Node.js+Leaflet的离线地图展示,支持百度、谷歌、高德、腾讯地图
基于MySQL+Node.js+Leaflet的离线地图展示,支持百度、谷歌、高德、腾讯地图
1. 基本说明
本项目实现了离线展示百度、谷歌、高德、腾讯地图。主要功能如下:
展示效果如下:
2. 地图瓦片下载工具及配置
工具下载链接: http://pan.baidu.com/s/1qYoHj4K 密码: ehgh 工具使用方法:
- 数据库配置
打开工具目录中的 MapDownloader.exe.config 文件。根据实际情况填写如图中的配置信息。
- 地图瓦片图下载
打开工具目录中 MapDownloader.exe -> 选择画图工具、矩形 -> 地图上框选区域 -> 存储方式选择MySQL数据库 -> Zoom根据需要选择 -> 点击下载
- 数据库中存储的瓦片图
备注:数据库中Type字段指的是地图类型,对于谷歌地图 普通地图(1818940751)、卫星地图(47626774)、标注(1024577166)。此工具功能丰富,可细细研究。
3. node.js服务配置
- 修改mysql.js 中的配置。根据实际情况,配置数据库链接
- 进入目录
cd OfflineMap
- 安装资源
npm install
- 启动服务
npm start
- 服务地址
http://127.0.0.1:3001
4. 页面展示
打开example文件夹中的map.html即可。
GitHub地址:https://github.com/dxxzst/OfflineMap
如本项目对您有所帮助,欢迎Star。
发表回复