地理位置 百度地图api

1 章节目录

1.1 目标

地理位置百度地图 API

1.2 重点

地理位置百度地图 API

1.3 难点

百度地图 API

2 地理位置

地理定位在日常生活中应用比较广泛，如互联网打车、在线地图等。

HTML5 增加了获取用户地理位置信息的接口Geolocation，开发者可以通过经纬度来获取用户的地理位置信息。另外，百度等互联网公司也提供了地理定位的接口。

2.1 Geolocation 接口

Geolocation 接口是一个用来获取设备地理位置的可编程的对象，它可以让 Web 内容访问到设备的地理位置（经纬度），这将允许 Web 应用基于用户的地理位置提供定制的信息。

鉴于该特性可能侵犯用户的隐私，除非用户同意，否则用户位置信息是不可用的。

对于拥有 GPS 的设备，比如 iPhone，地理定位更加精确。

2.2 浏览器支持

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-TdRE86IX-1671709855288)(D:\日常作业\文档\012 MD文档\MD文档.assets\geolocation-1.png)]

2.3 使用地理位置

2.3.1 获取当前位置

使用getCurrentPosition()方法来获取设备当前位置

2.3.2 返回数据

若获取地理位置成功，则 getCurrentPosition() 方法将返回数据对象。对象可能包含的属性如下：

2.3.3 异常处理

getCurrentPosition() 方法的第二个参数用于处理错误。它规定获取地理位置失败或用户拒绝定位时运行的函数。

可能返回的错误码：

3 百度地图 API

3.1 百度地图的作用

百度地图开放平台是面向广大政府、企业、互联网等开发者开放地图服务的平台。

百度地图开放平台拥有七大基础地图服务开放能力：定位、地图、导航、轨迹、路况、路线规划、搜索，并将七大服务能力开放给各行业开发者使用。

百度地图开放平台目前已覆盖近百个行业领域，主要应用场景有：智能物流、智能穿戴、网约车、车用地图、智能景区等。

3.2 百度地图 JavaScript API

百度地图 JavaScript API 是一套由 JavaScript 语言编写的应用程序接口，可帮助您在网站中构建功能丰富、交互性强的地图应用，支持 PC 端和移动端基于浏览器的地图应用开发，且支持 HTML5 特性的地图开发。

百度地图 JavaScript API 支持 HTTP 和 HTTPS，免费对外开放，可直接使用。接口使用无次数限制。

官方开发文档：/index.php?title=jspopular3.0。

3.3 百度地图开发步骤

我们将以基础的地图展示和地图标注为例，来学习百度地图 JavaScript API 的使用方法。

3.3.1 申请开发密钥

点击链接进入控制台：/apiconsole/center#/home。

点击左侧菜单，依次进入：应用管理 → 我的应用，在页面中点击“创建应用”。

3.3.3 修改初始坐标位置

地图在加载时，需要通过脚本设置地图初始化时的中心点坐标位置，例如示例代码mp.centerAndZoom(new BMap.Point(121.491, 31.233), 11);中的121.491, 31.233。如果需要修改该位置，可以通过坐标拾取器获取目标位置的坐标：

示例代码mp.centerAndZoom(new BMap.Point(121.491, 31.233), 11);中的11是指地图层级，取值范围 4 ~ 19。层级取值越大，地图比例尺越小。

3.3.4 添加地图控件

初始化后的地图默认是不能进行缩放的，需要自行添加地图控件。

3.3.5 添加标注

可以使用map.addOverlay方法向地图添加标注，并且向地图中添加信息窗口。

3.3.6 出行路线规划

百度地图 JavaScript API 提供了驾车、公交、步行和骑行四种出行方式的路线规划功能。

vaScript API 提供了驾车、公交、步行和骑行四种出行方式的路线规划功能。

我们将以驾车为例，演示获取用户当前定位，以及到厚溥 IT 的驾车路线规划：