谷歌地图离线地图开发教程
? ? ? ? 谷歌離線地圖開發主要有兩部分組成：1、獲取離線地圖數據；因為離線地圖一般都是局域網，所以需要離線地圖數據放在內網中使用；2、離線地圖服務器搭建以及二次開發接口提供，離線地圖是一種服務，就像我們Apache提供的WEB服務器一樣，他是一種準們的地圖服務：提供了包括 WEB服務、TMS服務、WMTS服務等等。
? ? ?離線地圖數據的獲取：可以通過【大地圖下載器】下載到。
下面將一下，離線地圖服務器的搭建。
? ? 下載安裝 BIGEMAP離線地圖服務器：省略
? ?第一步：打開離線服務端程序后，選擇“添加離線地圖”，如下圖：
?
? ? ?
?
? ? ??第二步：選擇“添加離線地圖”，彈出如下對話框：
?
? ? 地圖名稱：北京地圖 （工具你自己的需要任意命名）
? ? 瓦片庫文件：選擇后面的瀏覽，找到你下載的離線地圖瓦片，里面有個map.ini文件，選擇這個文件，如下圖:
?
? ? 選擇完成后，點擊“創建”，如下圖：
?
? ? 添加的離線地圖，會在“管理地圖”里面，默認添加進來的地圖服務就是啟動的
? ? 點擊“瀏覽”，查看地圖，如下圖：
? ?
? ? 離線地圖通過WEB服務器可以打開了，具體調用二次開發如下圖：
??
點擊后面的開發使用，可以看下如下的源代碼：
<!DOCTYPE html>
<html>
<head>
<meta charset='UTF-8' />
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no'/>
<link href='http://localhost:9000/bigemap.js/v2.1.0/bigemap.css' rel='stylesheet'/>
<script src='http://localhost:9000/bigemap.js/v2.1.0/bigemap.js'></script>
<style>
body { margin: 0; padding: 0; }
#map { position: absolute; top: 0; bottom: 0; width: 100%; }
</style>
<title>測試1111</title>
</head>
<body>
<div id='map'></div>
<script> BM.Config.HTTP_URL = 'http://localhost:9000';
var map = BM.map('map', 'bigemap.5mjnitgu', { center: [33.884422302246094, 113.49996948242188], zoom: 13, zoomControl: true });
map.fitBounds([[33.878509521484375, 113.4906997680664], [33.89033508300781, 113.50923919677734]]);
</script>
</body>
</html>
以上源代碼直接拷貝另存為HTML，就可以本地訪問地圖了。
更多接口，可以參看詳細的API接口文檔：
總結
以上是生活随笔為你收集整理的谷歌地图离线地图开发教程的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 数学建模常用的分析法及其MATLAB实现
- 下一篇： 概率论与数理统计(陈希孺)笔记2.1