OfflineMap

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

Github stars Tracking Chart

基于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。

Main metrics

Overview
Name With Ownerdxxzst/OfflineMap
Primary LanguageJavaScript
Program languageHTML (Language Count: 2)
Platform
License:MIT License
所有者活动
Created At2017-07-18 05:33:08
Pushed At2022-08-10 07:15:02
Last Commit At2022-08-10 15:15:02
Release Count0
用户参与
Stargazers Count488
Watchers Count30
Fork Count131
Commits Count31
Has Issues Enabled
Issues Count14
Issue Open Count1
Pull Requests Count0
Pull Requests Open Count0
Pull Requests Close Count0
项目设置
Has Wiki Enabled
Is Archived
Is Fork
Is Locked
Is Mirror
Is Private