[轉(zhuǎn)原作者文章地址]（https://blog.csdn.net/a312024054/article/details/70213444）
離線地圖開(kāi)發(fā)（以百度地圖為例）
需求
- 需要在離線的情況下也能夠加載出地圖，使用地圖的一些功能（需網(wǎng)絡(luò)進(jìn)行云檢索的功能除外）
問(wèn)題：
- 地圖 圖片資源（瓦片圖）
- 地圖 api
開(kāi)始
- 獲取 api js
利用 密鑰 去http://api.map.baidu.com/getscript?v=2.0&ak=你申請(qǐng)的密鑰&services=&t=20180917142401獲取下載拷貝到本地
命名 為 BAIDU.API2.min.js (并用前端工具格式化美化一下代碼格式，方便修改)
- 去除ak驗(yàn)證
- 在 BAIDU.API2.min.js 中定位到下列代碼位置,建議使用
Math.random()多找?guī)状尉驼业搅?/li>
function oa(a, b) {
if (b) {
var c = (1E5 * Math.random()).toFixed(0);
z._rd["_cbk" + c] = function (a) {
b && b(a);
delete z._rd["_cbk" + c]
};
a += "&callback=BMap._rd._cbk" + c
}
var d = K("script", {
type: "text/javascript"
});
d.charset = "utf-8";
d.src = a;
d.addEventListener ? d.addEventListener("load", function (a) {
a = a.target;
a.parentNode.removeChild(a)
}, q) : d.attachEvent && d.attachEvent("onreadystatechange", function () {
var a = window.event.srcElement;
a && ("loaded" == a.readyState || "complete" == a.readyState) && a.parentNode.removeChild(a)
});
setTimeout(function () {
document.getElementsByTagName("head")[0].appendChild(d);
d = p
}, 1)
};
修改方法就是不進(jìn)行外部訪問(wèn)
/* 修改后 */
function oa(a, b) {
if (/^http/.test(a)) // 這里判斷一下，如果是調(diào)用外部資源就退出去好了
return;
if (b) {
var c = (1E5 * Math.random()).toFixed(0);
z._rd["_cbk" + c] = function (a) {
b && b(a);
delete z._rd["_cbk" + c]
};
a += "&callback=BMap._rd._cbk" + c
}
var d = K("script", {
type: "text/javascript"
});
d.charset = "utf-8";
d.src = a;
d.addEventListener ? d.addEventListener("load", function (a) {
a = a.target;
a.parentNode.removeChild(a)
}, q) : d.attachEvent && d.attachEvent("onreadystatechange", function () {
var a = window.event.srcElement;
a && ("loaded" == a.readyState || "complete" == a.readyState) && a.parentNode.removeChild(a)
});
setTimeout(function () {
document.getElementsByTagName("head")[0].appendChild(d);
d = p
}, 1)
};
- 設(shè)置引用本地工具資源
- 搜索'z.url.domain.main_domain_cdn.baidu[0]',找到使用它定義的字符串，置為空
z.xp = z.url.proto + z.url.domain.baidumap + "/";
z.wc = z.url.proto + ("2" == z.Qy ? z.url.domain.main_domain_nocdn.other : z.url.domain.main_domain_nocdn.baidu) +
"/";
z.ma = z.url.proto + ("2" == z.Qy ? z.url.domain.main_domain_cdn.other[0] : z.url.domain.main_domain_cdn.baidu[0]) +
"/";
z.cj = z.url.proto + z.url.domain.main_domain_cdn.webmap[0] + "/";
z.cj = ""; //置為空
z.sg = function (a, b) {
var c, d, b = b || "";
switch (a) {
case "main_domain_nocdn":
c = z.wc + b;
break;
...
- 創(chuàng)建本地工具資源文件
在 BAIDU.API2.js 中找到 這個(gè)方法
- 注意
- 找到
"&mod="所在位置行,將 其所表示的參數(shù) 替換為 自定義的 工具資源文件js (本文中 js文件為 "lib/js/getModules.js") - 在 "lib/js"目錄下創(chuàng)建 getModules.js 作為 API主文件調(diào)用本地的工具資源文件
- 找到
load: function (a, b, c) {
var d = this.ib(a);
if (d.Bd == this.Fj.dq) c && b();
else {
if (d.Bd == this.Fj.pG) {
this.lK(a);
this.yN(a);
var e = this;
e.DC == q && (e.DC = o, setTimeout(function () {
for (var a = [], b = 0, c = e.Pd.Gn.length;b < c;b++) {
var d = e.Pd.Gn[b],
l = "";
ia.Ly.fK(d) ? l = ia.Ly.get(d) : (l = "", a.push(d + "_" + Rb[d]));
e.Pd.Tv.push({
SM: d,
KE: l
})
}
e.DC = q;
e.Pd.Gn.length = 0;
// 0 == a.length ? e.WK() : oa(e.iG.ZP + "&mod=" + a.join(",")) 注釋掉這行
console.log(a); //這里很重要！幫助我們找到我們需要加載的模塊！
0 == a.length ? e.WK() : oa('lib/js/getModules.js')
}, 1));
d.Bd = this.Fj.IP
}
d.Ru.push(b)
}
},
當(dāng)a這個(gè)數(shù)組里面是需要請(qǐng)求的模塊，getModules.js沒(méi)有的，打印出來(lái)，通過(guò)下面方式獲取，并放到getModules.js
newvectordrawlib_hmclwu就是a打印出來(lái)的模塊名稱，通過(guò)這個(gè)鏈接獲取
http://api0.map.bdimg.com/getmodules?v=2.0&t=20140707&mod=newvectordrawlib_hmclwu
[demo下載地址]（https://pan.baidu.com/s/1pDUFmAzPCUFel1mc0F7AIQ）
密碼：anyp
