百度离线地图,web

时间:2022-04-01 23:26:57

1.首先获取百度 JavaScript API

首先用浏览器打开 http://api.map.baidu.com/api?v=1.3

其中 http://api.map.baidu.com/getscript?v=1.3&key=&services=&t=20121108061854 这个链接就是我们要找的API文件,

同样在浏览器中打开它,并另存为诸如“apiv1.3.min.js”

还有百度地图必须的一些控件,光标,logo之类的图片也下载下来,通过F12的开发者工具,可以知道路径

2.修改“apiv1.3.min.js”把里面的地图控件的图片,光标,logo等链接替换成本地的。

3.下载地图,工具叫"全能地图下载软件".选择不同等级的地图瓦块下载.

4.建立一个html,引用apiv1.3.min.js,并用以下代码生成地图.这些代码在百度地图API上都能查到,离线的与在线的API一样.

var map = new BMap.Map("container",{mapType: BMAP_NORMAL_MAP});      //设置卫星图为底图
var point = new BMap.Point(113.87514, 22.68865); // 创建点坐标
map.addOverlay(marker); // 初始化地图,设置中心点坐标和地图级别。
map.addControl(new BMap.NavigationControl());
map.enableScrollWheelZoom(); // 启用滚轮放大缩小。
map.enableKeyboard(); // 启用键盘操作。

5.打开开发者工具,如果添加marker等覆盖物或其他,此时可能会提示一些错误信息:

GET file:///D:/BaiduMapV1.3/js//map,oppc,control,marker

出现这些错误信息是因为文件夹内缺少"map,oppc,control,marker"文件,此时在浏览器中输入地址:

http://map.baidu.com/?qt=getmodules&v=1.1&mod=map,oppc,control,marker

得到对应的js保存为map,oppc,control,marker即可.

如果有其他文件缺少,修改mod后面的参数即可.

demo下载的话:

http://blog.csdn.net/geekxm/article/details/14227139