(→驾车组件) |
|||
第3行: | 第3行: | ||
驾车组件实现用户输入起终点名称给出线路规划信息的功能。 | 驾车组件实现用户输入起终点名称给出线路规划信息的功能。 | ||
− | 创建驾车组件,需要设置lbs- | + | 创建驾车组件,需要设置lbs-nav标签,并设置origin(起点名称)、destination(终点名称)、origin-coodrs(起点坐标)、destination-coodrs(终点坐标)和city(城市)等属性。 |
+ | |||
+ | 当起终点坐标都存在且是正确的 "x,y" 的格式时,会以坐标点去发起路线查询。否则就是以名称发起查询。用户可以自己设置起终点名称(origin,destination),如果没有设置,则会发起一次反地址解析(如果解析失败,表示地址不存在,则显示没有方案)。 | ||
+ | |||
'''核心代码如下:''' | '''核心代码如下:''' | ||
第9行: | 第12行: | ||
<lbs-nav origin="百度大厦" destination="西单"/> | <lbs-nav origin="百度大厦" destination="西单"/> | ||
</source> | </source> | ||
+ | |||
+ | 修改后刷新界面的属性:origin,destination,origin-coodrs,destination-coodrs,city | ||
'''运行效果如下:''' | '''运行效果如下:''' |
2015年1月16日 (五) 18:18的最后版本
驾车组件
驾车组件实现用户输入起终点名称给出线路规划信息的功能。
创建驾车组件,需要设置lbs-nav标签,并设置origin(起点名称)、destination(终点名称)、origin-coodrs(起点坐标)、destination-coodrs(终点坐标)和city(城市)等属性。
当起终点坐标都存在且是正确的 "x,y" 的格式时,会以坐标点去发起路线查询。否则就是以名称发起查询。用户可以自己设置起终点名称(origin,destination),如果没有设置,则会发起一次反地址解析(如果解析失败,表示地址不存在,则显示没有方案)。
核心代码如下:
<lbs-nav origin="百度大厦" destination="西单"/>
修改后刷新界面的属性:origin,destination,origin-coodrs,destination-coodrs,city
运行效果如下:
完整代码请参考:
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> <title>驾车组件</title> <script src="http://api.map.baidu.com/components?ak=yourak&v=1.0"> </script> </head> <body> <!-- 驾车组件--> <lbs-nav origin="百度大厦" destination="西单"/> </body> </html>