怎样使用百度地图导航 详解Javascript百度地图接口开发文档中的类和方法

JavaScript API v2.0介绍

百度地图JavaScript API是一套由JavaScript语言编写的应用程序接口，它能够帮助您在网站中构建功能丰富、交互性强的地图应用，包含了构建地图基本功能的各种接口，提供了诸如本地搜索、路线规划等数据服务。

该套API免费对外开放。自v1.5版本起，您需先申请密钥（ak）才可使用，接口（除发送短信功能外）无使用次数限制。

JavaScript API首家支持Https，如需要申请Https服务，请您认证企业信息，成为企业认证用户后，https将自动开通，同时获得更高的服务配额。

注意：仅JavaScript API

V2.0版本支持https，其他JavaScript API版本均不支持。使用https服务，请先检查您的版本以及配置注意事项。

调用API的基本文件格式

获取JavaScript API服务方法:

自JS APIv1.5之后，最新版本为2.0，您需要首先申请密钥（ak），才可成功加载API JS文件。

ak的使用方法如下：

其中参数v为API当前的版本号，目前最新版本为2.0。在1.2版本之前您还可以设置services参数，以告知API是否加载服务部分，true表示加载，false表示不加载，默认为true。。

创建地图实例

百度地图控件

向地图添加控件:

地图覆盖物

所有叠加或覆盖到地图的内容，我们统称为地图覆盖物。如标注、矢量图形元素(包括：折线和多边形和圆)、信息窗口等。覆盖物拥有自己的地理坐标，当您拖动或缩放地图时，它们会相应的移动。

可以使用map.addOverlay方法向地图添加覆盖物，使用map.removeOverlay方法移除覆盖物，注意此方法不适用于InfoWindow。

地图信息窗口提示

信息窗口在地图上方的浮动显示HTML内容。信息窗口可直接在地图上的任意位置打开，也可以在标注对象上打开（此时信息窗口的坐标与标注的坐标一致）。您可以使用InfoWindow来创建一个信息窗实例，注意同一时刻地图上只能有一个信息窗口处于打开状态。

地图信息窗口提示(事件触发显示)

事件方法与Map事件机制相同。可参考事件部分

标注事件:

给标注添加点击事件:

定位(浏览器定位)

创建Geolocation对象实例:

定位(IP定位)

LocalCity此类用于获取用户所在的城市位置信息。(根据用户IP自动定位到城市)

创建LocalCity对象实例:

定位(经纬度定位)

点击获取经纬度实例:

根据经纬度定位实例:

地址解析

逆地址解析

Geocoder类用于获取用户的地址解析

步行规划

WalkingRoute用于获取步行路线规划方案。创建一个步行导航实例。location表示检索区域，类型可为地图实例、坐标点或城市名称的字符串。当参数为地图实例时，检索位置由当前地图中心点确定；当参数为坐标时，检索位置由该点所在位置确定；当参数为城市名称时，检索会在该城市内进行。

步行规划实例:

驾车规划

DrivingRoute此类用于获取驾车路线规划方案

驾车线路规划实例:

公交检索

TransitRoute用于获取公交路线规划方案

公交检索实例:

信息检索

LocalSearch用于位置检索、周边检索和范围检索

关键字检索实例:

本地检索结果实例:

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流。

JavaScript 函数节流详解及方法总结

[8089]

JavaScript 函数节流详解

浏览器一个网页的UI线程只有一个，他同时会处理界面的渲染和页面JavaScript代码的执行（简单扩展一下，浏览器或者JavaScript运行大环境并不是单线程，诸如ajax异步回调、hybrid框架内与native通信、事件队列、CSS运行线程等等都属于多线程环境，不过ES6引入了Promise类来减少了部分异步情况）。因此当JavaScript代码运行计算量很大的方法时，就有可能阻塞UI线程，小则导致用户响应卡顿，严重的情况下浏览器会提示页面无响应是否强制关闭。例如网页的页面滚动事件、移动设备的滑动、缩放事件等。即使没有出现严重的性能问题，我们也应该站在性能优化的角度将短时间内会多次触发的处理时间进行分流计算。

本文来自电脑杂谈，转载请注明本文网址：
http://www.pc-fly.com/a/ruanjian/article-68296-1.html