OfflineMap 基於MySQL + Node.js + Leaflet的離線地圖展示
阿新 • • 發佈:2019-02-10
1. 基本說明
本專案實現了離線展示百度、谷歌、高德、騰訊地圖。主要功能如下:
展示效果如下:
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即可。