1、用百度地图下载器 下载瓦片 下载太乐V4.7
2、把瓦片放到程序中的tiles文件夹加下(建议tiles文件夹和map_load.js文件同级,不同级的话下要在下面的''处配置路径)
3、4个js
map_load.js这个配置引用瓦片的路径,以及把其他3个js引用含进来
map.js 把外网百度api的链接(http://api.map.baidu.com/api?v=2.0&ak=XXXXXXX)放到浏览器网址那,把出来的一行里的链接继续放到浏览器里,出来window.TILE_VERSION={"ditu".........把它贴到map.js
map_city.js 可当成普通的页面js用,可以不用
map_plus.js 离线地图扩展功能函数,可以不用
-----------------map_load.js-------------------------------------------------------------------------
/* 离线地图API V2.1 接口文件
* 发布: http://www.xiaoguo123.com/p/baidumap_offline_v21
* 网页中只需要加载此JS文件即可
* 百度地图图片即瓦片文件请自行下载,
* 研究学习之用,禁止用于商业用途!
* 最后修改日期: 2017-12-04
*/
var offmapcfg = {
'imgext' : '.jpg', //瓦片图的后缀 ------ 根据需要修改,一般是 .png .jpg
'tiles_dir' : '', //普通瓦片图的地址,为空默认在 offlineemap/tiles/ 目录
'tiles_hybrid': '', //卫星瓦片图的地址,为空默认在 offlineemap/tiles_hybrid/ 目录
'tiles_self' : '' //自定义图层的地址,为空默认在 offlineemap/tiles_self/ 目录
};
//////////////////下面的保持不动///////////////////////////////////
var scripts = document.getElementsByTagName("script");
var JS__FILE__ = scripts[scripts.length - 1].getAttribute("src");
offmapcfg.home = JS__FILE__.substr(0, JS__FILE__.lastIndexOf("/")+1); //地图API主目录
(function(){
window.BMap_loadScriptTime = (new Date).getTime();
//加载地图API主文件