1. 基本說明 本項目實現了離線展示百度、谷歌、高德、騰訊地圖。主要功能如下: 實現了地圖瓦片圖下載、存儲。目前支持存儲至MySQL Node.js服務調用MySQL中的瓦片圖 Leaflet展示地圖 展示效果如下: 2. 地圖瓦片下載工具及配置 工具下載鏈接: http://pan.baidu.c ...
1. 基本說明
本項目實現了離線展示百度、谷歌、高德、騰訊地圖。主要功能如下:
展示效果如下:
2. 地圖瓦片下載工具及配置
工具下載鏈接: http://pan.baidu.com/s/1qYoHj4K 密碼: ehgh 工具使用方法:
- 資料庫配置
打開工具目錄中的 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即可。
GitHub地址:https://github.com/dxxzst/OfflineMap
如本項目對您有所幫助,歡迎Star。