| （未显示1个用户的3个中间版本） | |||
| 第1行： | 第1行： | ||
{{webcomp-sidebar}} | {{webcomp-sidebar}} | ||
| − | |||
==公交组件== | ==公交组件== | ||
公交组件提供公交线路查询的功能。 | 公交组件提供公交线路查询的功能。 | ||
| − | 创建公交组件，需要设置lbs- | + | 创建公交组件，需要设置lbs-transit标签，并指定origin（起点名称）、destination（终点名称）、origin-coodrs（起点坐标）、destination-coodrs（终点坐标）和city（城市）等属性。 |
| + | |||
| + | 当起终点坐标都存在且是正确的 "x,y" 的格式时,会以坐标点去发起路线查询。否则就是以名称发起查询。用户可以自己设置起终点名称（origin,destination）,如果没有设置,则会发起一次反地址解析（如果解析失败,表示地址不存在,则显示没有方案）。 | ||
'''核心代码片如下：''' | '''核心代码片如下：''' | ||
| − | < | + | <source> |
<lbs-transit origin="天通苑东一区" destination="北土城西路东口" city="北京"/> | <lbs-transit origin="天通苑东一区" destination="北土城西路东口" city="北京"/> | ||
| − | </ | + | </source> |
| + | |||
| + | 修改后刷新界面的属性：origin，destination，origin-coodrs，destination-coodrs，city，strategy-index | ||
| + | |||
'''运行效果如下：''' | '''运行效果如下：''' | ||
| 第20行： | 第24行： | ||
'''完整代码请参考：''' | '''完整代码请参考：''' | ||
| − | < | + | <source> |
<html> | <html> | ||
| 第31行： | 第35行： | ||
</head> | </head> | ||
<body> | <body> | ||
| − | + | <!-- 公交组件--> | |
| − | + | <lbs-transit origin="天通苑东一区" destination="北土城西路东口" city="北京" /> | |
</body> | </body> | ||
</html> | </html> | ||
| − | </ | + | </source> |
2015年1月16日 (五) 18:19的最后版本
公交组件
公交组件提供公交线路查询的功能。
创建公交组件，需要设置lbs-transit标签，并指定origin（起点名称）、destination（终点名称）、origin-coodrs（起点坐标）、destination-coodrs（终点坐标）和city（城市）等属性。
当起终点坐标都存在且是正确的 "x,y" 的格式时,会以坐标点去发起路线查询。否则就是以名称发起查询。用户可以自己设置起终点名称（origin,destination）,如果没有设置,则会发起一次反地址解析（如果解析失败,表示地址不存在,则显示没有方案）。
核心代码片如下：
<lbs-transit origin="天通苑东一区" destination="北土城西路东口" city="北京"/>
修改后刷新界面的属性：origin，destination，origin-coodrs，destination-coodrs，city，strategy-index
运行效果如下：
指定strategy-index为1表示当前检索策略是较快捷，为2表示少换乘，3表示少步行，4表示不坐地铁。
设置enable-strategy为false时，会隐藏掉结果面板顶部的策略选项。
完整代码请参考：
<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-transit origin="天通苑东一区" destination="北土城西路东口" city="北京" /> </body> </html>