这是一份经过测试有效的百度地图V2.1版本离线API资源包,内含实用示例演示程序,方便开发者快速上手和集成。
基于2017年12月的最新API制作,请注意以下几点:
- 离线地图并非全能,在某些需要网络支持的功能上可能无法使用,需自行扩展。
- 可查看离线地图示例demo.html中的例子或访问百度地图API在线示例页面获取更多信息。
- 地图API相关文档请参见百度官方说明。
- 如有更新,请关注指定网站以获得最新信息。
新增功能包括:
1. 支持显示卫星混合地图,瓦片图需放置在 tiles_hybrid 目录下;
2. 提供自定义混合图支持,瓦片图应存放于 tiles_self 文件夹中;
3. 增加了根据城市名称设置地图中心的功能,请自行扩展 map_city.js 脚本段落件;
4. 新增鼠标测距示例功能;
5. 引入了鼠标绘制线和面的示范。
新增瓦片图的方法如下:
1. 使用如太乐地图下载等工具获取所需地区及级别的地图数据。
2. 导出为百度格式,可以选择jpg或png图片文件类型。
3. 根据需要修改 map_load.js 文件中的路径设置以匹配你所导出的瓦片图位置;或者保持默认配置不变。
基础使用步骤:
1. 加载离线地图所需的文件;
2. 在HTML文档中创建一个容器用于显示地图,例如:`
`。
3. 编写必要的JS代码以初始化和控制地图。示例:
```javascript
var map = new BMap.Map(map_demo); // 创建BMap实例
map.centerAndZoom(new BMap.Point(116.404, 39.915), 7); // 设置中心点坐标及初始缩放级别为7。
map.setCurrentCity(武汉); // 设定地图显示的城市为中心城市(新功能)!
map.enableScrollWheelZoom(true); // 开启鼠标滚轮缩放功能;
map.addControl(new BMap.NavigationControl()); // 添加导航控件,如放大缩小按钮等;
// 添加图层类型控制选项。离线模式下仅支持普通、卫星地图;三维地图不适用。
```