PDF《百度地图 JavaScript API》

1 百度地图 JavaScript API v1.

4 开发指南 百度在线网络技术(北京)有限公司

2012 年11 月29 日 北京 百度地图 JavaScript APIv1.4 开发指南

1 法律说明 版权所有百度在线网络技术有限公司. 本文档包含的所有内容除特别声明之外,版权均属于百度在线网络技术有限公司所有, 百度可在不作任何申明的情况下对本文档内容进行修改. 本文档中所使用的商标所有权属于该商标的所有者. 文件说明 文件标识: Baidu_JavaScript API_Guide 当前版本: 2012_11_V1.4 作者: Baidu_Map_PM 创建日期: 2012-11-29 最新更新: 更新说明 编号 标题名称 描述

1 简介_开发移动平 台上的地图应用 增加效果图,提供移动开发 DEMO 下载.

2 工具 完善介绍目前百度地图 API 已提供的工具 类,共17 个. 百度在线网络技术有限公司 总机: (+86 10)59928888

邮箱:[email protected] 地址:北京市海淀区上地信息路

9 号甲奎科科技大厦 邮编:100085 百度地图 API

网址:http://developer.baidu.com/map/ 百度地图

网址:http://map.baidu.com 百度地图 JavaScript APIv1.4 开发指南

2 目录 简介

4 什么是百度地图 API?4 面向的读者.4 获取 API.4 开发移动平台上的地图应用.4 异步加载.5 兼容性.6 版本说明.6 问题解答.6 基础知识.6 百度地图的 Hello, World

6 准备页面.7 引用百度地图 API 文件

8 创建地图容器元素.8 命名空间.8 创建地图实例.8 创建点坐标.8 地图初始化.8 地图配置与操作.8 控件

9 地图控件概述.9 向地图添加控件.9 控制控件位置.10 控件停靠位置.10 控件位置偏移.11 修改控件配置.11 自定义控件.12 定义构造函数并继承 Control.12 初始化自定义控件.12 添加自定义控件.13 覆盖物

13 地图覆盖物概述.13 标注.14 定义标注图标.14 监听标注事件.15 可托拽的标注.15 内存释放.15 信息窗口.16 折线.16 添加折线.16 自定义覆盖物.17 百度地图 JavaScript APIv1.4 开发指南

3 定义构造函数并继承 Overlay.17 初始化自定义覆盖物.17 绘制覆盖物.18 移除覆盖物.18 显示和隐藏覆盖物.19 自定义其他方法.19 添加覆盖物.19 事件

20 地图事件概述.20 事件监听.20 事件参数和 this.21 移除监听事件.21 地图图层.22 地图图层概念.22 添加和移除图层.22 自定义图层.22 地图坐标系.22 定义取图规则.24 添加和移除自定义图层.24 工具

25 地图工具概述.25 向地图添加工具.26 通过按钮控制工具的开启和关闭.26 拉框放大工具.26 服务

27 地图服务概述.27 本地搜索.27 配置搜索.28 结果面板.28 数据接口.28 周边搜索.29 范围搜索.29 公交导航.30 结果面板.30 数据接口.30 驾车导航.31 结果面板.31 数据接口.32 地理编码.33 根据地址描述获得坐标.33 反向地理编码.33 百度地图 JavaScript APIv1.4 开发指南

4 简介 什么是百度地图 API? 百度地图 API 是一套由 JavaScript 语言编写的应用程序接口,它能够帮助您在网站中构建功能丰富、交互 性强的地图应用.百度地图 API 包含了构建地图基本功能的各种接口,提供了诸如本地搜索、路线规划等 数据服务. 面向的读者 API 是提供给那些具有一定 JavaScript 编程经验和了解面向对象概念的读者使用.此外,读者还应该对地 图产品有一定的了解. 您在使用中遇到任何问题,都可以通过 API 贴吧或交流群反馈给我们. 获取 API 地图 API 是由 JavaScript 语言编写的,您在使用之前需要通过标签将 API 引用到页面中: 其中参数 v 为API 当前的版本号,目前最新版本为1.4.在1.2版本之前您还可以设置 services 参数,以告 知API 是否加载服务部分,true 表示加载,false 表示不加载,默认为 true. 开发移动平台上的地图应用 API 自1.1版本起开始支持 iPhone、Android 这样的移动平台.用户通过手机浏览器就可以访问由地图 API 创建出来的应用.移动平台的屏幕尺寸通常比 PC 或笔记本要小,操作方式也有所不同.为了更好的在手 机浏览器上展示地图,我们有如下建议: ? 将地图容器高设置为100%, 使其充满整个屏幕, 或者您也可以计算浏览器窗口的大小并进行设置. ? 添加下面的 meta 标签: 这样做是为了让页面以正常比例进行显示并且禁止用户缩放页面的操作. 您可以参考 Apple'