PDF《百度地图 JavaScript API》

s Developer documentation 和Android documentation 获得更多信息. 百度地图 JavaScript APIv1.4 开发指南

5 移动端开发具体实现请参考官网相关下载_示例代码提供的 Demo 源码. 异步加载 API 1.1,1.2和1.3版本支持异步加载,您可以在引用脚本的时候添加 callback 参数,当脚本加载完成后 callback 函数会被立刻调用.请参考下面的使用示例: 异步加载 function initialize() { var mp = new BMap.Map('

map'

);

mp.centerAndZoom(new BMap.Point(121.491, 31.233), 11);

} function loadScript() { var script = document.createElement( script );

script.src = http://api.map.baidu.com/api?v=1.2&

callback=initialize ;

document.body.appendChild(script);

} window.onload = loadScript;

百度地图 JavaScript APIv1.4 开发指南

6 兼容性 浏览器:IE 6.0+、Firefox 3.6+、Opera 9.0+、Safari 3.0+、Chrome 操作系统:Windows、Mac、Linux 移动平台:iPhone、Android 版本说明 地址 http://api.map.baidu.com/api?v=1.4 中的参数 v 表示您加载 API 的版本,例如当前 API 的最新版本 为1.4,则您可在地址中添加 v=1.4.当API 升级后,如果已有接口在使用、命名等方面发生了变化,我们 会为其增加一个新的版本号,这不会对您现有的应用造成任何影响.如果升级只是修复一些 bug 或者在不 影响现有功能的前提下增加接口、改善性能,则版本号不会发生变化.您可以在更新日志页面查看版本的 变化. 问题解答 如果您在使用百度地图 API 中遇到问题,请尝试通过以下途径解决: ? 确认您使用了正确的地图 API 地址. ? 访问百度地图 API 吧,查找相关问题的帖子,或者将您的问题发布到贴吧中. ? 常看《常见问题》指南 http://dev.baidu.com/wiki/map/index.php?title=%E5%B8%B8%E8%A7%81%E9%97%AE% E9%A2%98 ? 加入百度 HI 群 基础知识 百度地图的 Hello, World 开始学习百度地图 API 最简单的方式是看一个简单的示例.以下代码创建了一个地图并以天安门作为地图 的中心: 百度地图 JavaScript APIv1.4 开发指南

7 Hello, World html{height:100%} body{height:100%;

margin:0px;

padding:0px} #container{height:100%} var map = new BMap.Map( container );

// 创建地图实例 var point = new BMap.Point(116.404, 39.915);

// 创建点坐标 map.centerAndZoom(point, 15);

// 初始化地图,设置中心点坐标和地图级别 下面我们分步向您介绍: 准备页面 根据 HTML 标准,每一份 HTML 文档都应该声明正确的文档类型,我们建议您使用最新的符合 HTML5规 范的文档声明: 您也可以根据需要选择其他类型的文档声明,这样浏览器会以标准的方式对页面进行渲染,保证页面最大 的兼容性.我们不建议您使用 quirks 模式进行开发. 下面我们添加一个 meta 标签,以便使您的页面更好的在移动平台上展示. 接着我们设置样式,使地图充满整个浏览器窗口: html{height:100%} body{height:100%;

margin:0px;

padding:0px} #container{height:100%} 百度地图 JavaScript APIv1.4 开发指南

8 引用百度地图 API 文件 创建地图容器元素 地图需要一个 HTML 元素作为容器,这样才能展现到页面上.这里我们创建了一个 div 元素. 命名空间 API 使用 BMap 作为命名空间,所有类均在该命名空间之下,比如:BMap.Map、BMap.Control、 BMap.Overlay. 创建地图实例 var map = new BMap.Map( container );

位于 BMap 命名空间下的 Map 类表示地图,通过 new 操作符可以创建一个地图实例.其参数可以是元素 id 也可以是元素对象. 注意在调用此构造函数时应确保容器元素已经添加到地图上. 创建点坐标 var point = new BMap.Point(116.404, 39.915);