（→地铁组件） |
|||
| （未显示1个用户的4个中间版本） | |||
| 第1行： | 第1行： | ||
| + | {{webcomp-sidebar}} | ||
==地铁组件== | ==地铁组件== | ||
地铁组件提供地铁图展示功能及地铁站点详情跳转。如果定位城市为当前城市，可以定位到附近的地铁站。 | 地铁组件提供地铁图展示功能及地铁站点详情跳转。如果定位城市为当前城市，可以定位到附近的地铁站。 | ||
| 第7行： | 第8行： | ||
'''代码片如下：''' | '''代码片如下：''' | ||
| − | < | + | <source> |
<lbs-subway city="北京" style="height:100%"> </lbs-subway> | <lbs-subway city="北京" style="height:100%"> </lbs-subway> | ||
| − | </ | + | </source> |
| + | |||
| + | 修改后刷新界面的属性：city | ||
| + | |||
'''运行效果如下：''' | '''运行效果如下：''' | ||
| 第16行： | 第20行： | ||
'''完整代码请参考：''' | '''完整代码请参考：''' | ||
| − | < | + | <source> |
<html> | <html> | ||
| 第27行： | 第31行： | ||
</head> | </head> | ||
<body> | <body> | ||
| − | + | <!—地铁组件--> | |
<lbs-subway city="北京" style="height:100%"> </lbs-subway> | <lbs-subway city="北京" style="height:100%"> </lbs-subway> | ||
</body> | </body> | ||
</html> | </html> | ||
| − | </ | + | </source> |
2015年1月16日 (五) 18:06的最后版本
地铁组件
地铁组件提供地铁图展示功能及地铁站点详情跳转。如果定位城市为当前城市，可以定位到附近的地铁站。
地铁组件的属性包括：city（城市），width（地铁图宽度）及height（地铁图高度）。建议开发者直接使用css属性来定义宽高，如style=“width:100%;height:500px;”。
当当前城市为city指定城市时，会给出距离当前点最近的地铁站。
代码片如下：
<lbs-subway city="北京" style="height:100%"> </lbs-subway>
修改后刷新界面的属性：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-subway city="北京" style="height:100%"> </lbs-subway> </body> </html>