基于MySQL + Node.js + Leaflet的离线地图展示，支持百度谷歌高德腾讯地图

Posted 2020-10-16 归去来兮码乘虚

1. 基本说明

本项目实现了离线展示百度、谷歌、高德、腾讯地图。主要功能如下：

• 实现了地图瓦片图下载、存储。目前支持存储至MySQL
• Node.js服务调用mysql中的瓦片图
• Leaflet展示地图

展示效果如下：

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。