百度地图api开发详解(android版).pdf,百度地图API开发指南原版.pdf

本文档详细介绍了百度地图API的使用,包括创建地图、添加控件、覆盖物、地图事件和服务等功能。开发者可以通过JavaScript来构建交互式地图应用,支持本地搜索、路线规划等数据服务。适合具备JavaScript基础和地图产品理解的读者进行开发。
摘要由CSDN通过智能技术生成

百度地图API开发指南原版

百度地图 API 开发指南

百度地图 API 开发指南

目录

简介 3

什么是百度地图 API 3

面向的读者 3

获取 API 3

开发移动平台上的地图应用 3

兼容性 4

版本说明 4

问题解答 4

基础知识 4

百度地图的“Hello, World” 4

准备页面 5

引用百度地图 API 文件 5

创建地图容器元素 5

命名空间 6

创建地图实例 6

创建点坐标 6

地图初始化 6

地图操作 6

控件 7

地图控件概述 7

向地图添加控件 7

控制控件位置 7

修改控件配置 8

自定义控件 8

覆盖物 9

地图覆盖物概述 9

标注 10

定义标注图标 10

监听标注事件 11

可托拽的标注 11

内存释放 11

信息窗口 11

1 / 26

百度地图 API 开发指南

折线 12

自定义覆盖物 12

定义构造函数并继承 Overlay 12

初始化自定义覆盖物 13

绘制覆盖物 14

移除覆盖物 14

显示和隐藏覆盖物 14

自定义其他方法 15

添加覆盖物 15

事件 15

地图事件概述 15

事件监听 16

事件参数和 this 16

移除事件监听 17

地图图层 17

地图图层概念 17

自定义图层 17

工具 18

地图工具概述 18

向地图添加工具 18

通过按钮控制工具的开启和关闭 18

拉框放大工具 19

服务 19

地图服务概述 19

本地搜索 19

配置搜索 20

结果面板 20

数据接口 20

周边搜索 21

范围搜索 21

公交导航 22

结果面板 22

数据接口 22

驾车导航 23

结果面板 24

数据接口 24

2 / 26

百度地图 API 开发指南

地址解析 25

根据地址描述获得坐标 25

反向地址解析 25

简介

什么是百度地图 API

百度地图 API 是一套由 JavaScript 语言编写的应用程序接口,它能够帮助您在网站中构

建功能丰富、交互性强的地图应用。百度地图 API 包含了构建地图基本功能的各种接口,提

供了诸如本地搜索、路线规划等数据服务。

面向的读者

API 是提供给那些具有一定 JavaScript 编程经验和了解面向对象概念的读者使用。此外,

读者还应该对地图产品有一定的了解。

您在使用中遇到任何问题,都可以通过 API 贴吧或交流群反馈给我们。

获取 API

地图 API 是由 JavaScript 语言编写的,您在使用之前需要通过

到页面中:

其中参数 v 为 API 当前的版本号,目前最新版本为

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <meta name="keywords" content="百度地图,百度地图API百度地图自定义工具,百度地图所见即所得工具" /> <meta name="description" content="百度地图API自定义地图,帮助用户在可视化操作下生成百度地图" /> <title>百度地图API自定义地图</title> <!--引用百度地图API--> <style type="text/css"> html,body{margin:0;padding:0;} .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap} .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word} </style> [removed][removed] </head> <body> <!--百度地图容器--> <div solid 1px;margin:auto auto;" id="dituContent"></div> </body> [removed] //创建和初始化地图函数: function initMap(){ createMap();//创建地图 setMapEvent();//设置地图事件 addMapControl();//向地图添加控件 } //创建地图函数: function createMap(){ var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图 var point = new BMap.Point(116.395645,39.929986);//定义一个中心点坐标 map.centerAndZoom(point,12);//设定地图的中心点和坐标并将地图显示在地图容器中 window.map = map;//将map变量存储在全局 } //地图事件设置函数: function setMapEvent(){ map.enableDragging();//启用地图拖拽事件,默认启用(可不写) map.enableScrollWheelZoom();//启用地图滚轮放大缩小 map.enableDoubleClickZoom();//启用鼠标双击放大,默认启用(可不写) map.enableKeyboard();//启用键盘上下左右键移动地图 } //地图控件添加函数: function addMapControl(){ //向地图中添加缩放控件 var ctrl_nav = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE}); map.addControl(ctrl_nav); //向地图中添加缩略图控件 var ctrl_ove = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:1}); map.addControl(ctrl_ove); //向地图中添加比例尺控件 var ctrl_sca = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT}); map.addControl(ctrl_sca); } initMap();//创建和初始化地图 [removed] </html>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值