基於MySQL + Node.js + Leaflet的離線地圖展現,支持百度、谷歌、高德、騰訊地圖

1. 基本說明html

本項目實現了離線展現百度、谷歌、高德、騰訊地圖。主要功能以下:node

  • 實現了地圖瓦片圖下載、存儲。目前支持存儲至MySQL
  • Node.js服務調用MySQL中的瓦片圖
  • Leaflet展現地圖

展現效果以下:mysql

2. 地圖瓦片下載工具及配置git

工具下載連接: http://pan.baidu.com/s/1qYoHj4K 密碼: ehgh 工具使用方法:github

  • 數據庫配置

打開工具目錄中的 MapDownloader.exe.config 文件。根據實際狀況填寫如圖中的配置信息。sql

  • 地圖瓦片圖下載

打開工具目錄中 MapDownloader.exe -> 選擇畫圖工具、矩形 -> 地圖上框選區域 -> 存儲方式選擇MySQL數據庫 -> Zoom根據須要選擇 -> 點擊下載數據庫

  • 數據庫中存儲的瓦片圖

備註:數據庫中Type字段指的是地圖類型,對於谷歌地圖 普通地圖(1818940751)、衛星地圖(47626774)、標註(1024577166)。此工具功能豐富,可細細研究。npm

3. node.js服務配置工具

  • 修改mysql.js 中的配置。根據實際狀況,配置數據庫連接

  • 進入目錄 cd OfflineMap
  • 安裝資源 npm install
  • 啓動服務 npm start
  • 服務地址 http://127.0.0.1:3001

4. 頁面展現code

打開example文件夾中的map.html便可。

GitHub地址:https://github.com/dxxzst/OfflineMap

如本項目對您有所幫助,歡迎Star。

相關文章
相關標籤/搜索