OfflineMap

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

Github星跟踪图

基于MySQL + Node.js + Leaflet的离线地图展示


1. 基本说明

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

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

展示效果如下:
展示效果

2. 地图瓦片下载工具及配置

工具下载链接:http://pan.baidu.com/s/1qYoHj4K 密码: ehgh

最新地址:https://pan.baidu.com/s/1miMF9nM

工具使用方法:

  • 数据库配置

打开工具目录中的 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即可。

如本项目对您有所帮助,欢迎Star。

主要指标

概览
名称与所有者dxxzst/OfflineMap
主编程语言JavaScript
编程语言HTML (语言数: 2)
平台
许可证MIT License
所有者活动
创建于2017-07-18 05:33:08
推送于2022-08-10 07:15:02
最后一次提交2022-08-10 15:15:02
发布数0
用户参与
星数488
关注者数30
派生数131
提交数31
已启用问题?
问题数14
打开的问题数1
拉请求数0
打开的拉请求数0
关闭的拉请求数0
项目设置
已启用Wiki?
已存档?
是复刻?
已锁定?
是镜像?
是私有?