1. 基本說明html
本項目實現了離線展現百度、谷歌、高德、騰訊地圖。主要功能以下:node
展現效果以下: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服務配置工具
cd OfflineMap
npm install
npm start
http://127.0.0.1:3001
4. 頁面展現code
打開example文件夾中的map.html便可。
GitHub地址:https://github.com/dxxzst/OfflineMap
如本項目對您有所幫助,歡迎Star。