1. 程式人生 > >OfflineMap 基於MySQL + Node.js + Leaflet的離線地圖展示

OfflineMap 基於MySQL + Node.js + Leaflet的離線地圖展示

1. 基本說明

本專案實現了離線展示百度、谷歌、高德、騰訊地圖。主要功能如下:

  • 實現了地圖瓦片圖下載、儲存。目前支援儲存至MySQL
  • Node.js服務呼叫MySQL中的瓦片圖

展示效果如下:

展示效果

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

  • 資料庫配置
    開啟工具目錄中的 MapDownloader.exe.config 檔案。根據實際情況填寫如圖中的配置資訊。
    資料庫配置

  • 地圖瓦片圖下載
    開啟工具目錄中 MapDownloader.exe -> 選擇畫圖工具、矩形 -> 地圖上框選區域 -> 儲存方式選擇MySQL資料庫 -> Zoom根據需要選擇 -> 點選下載
    下載瓦片圖

  • 資料庫中儲存的瓦片圖
    資料庫中儲存的瓦片圖

備註:資料庫中Type欄位指的是地圖型別,對於谷歌地圖 普通地圖(1818940751)、衛星地圖(47626774)、標註(1024577166)。此工具功能豐富,可細細研究。

3. node.js服務配置

  • 修改mysql.js 中的配置。根據實際情況,配置資料庫連結
    配置資料庫連結
  • mysql外掛安裝。在專案目錄內執行 npm install mysql
  • 在目錄內執行 node index.js

4. 頁面展示

開啟example資料夾中的map.html即可。