(以“==地铁组件== 地铁组件提供地铁图展示功能及地铁站点详情跳转。如果定位城市为当前城市,可以定位到附近的地铁站。 地...”为内容创建页面) |
(→地铁组件) |
||
(未显示1个用户的8个中间版本) | |||
第1行: | 第1行: | ||
+ | {{webcomp-sidebar}} | ||
==地铁组件== | ==地铁组件== | ||
地铁组件提供地铁图展示功能及地铁站点详情跳转。如果定位城市为当前城市,可以定位到附近的地铁站。 | 地铁组件提供地铁图展示功能及地铁站点详情跳转。如果定位城市为当前城市,可以定位到附近的地铁站。 | ||
− | + | 地铁组件的属性包括:city(城市),width(地铁图宽度)及height(地铁图高度)。建议开发者直接使用css属性来定义宽高,如style=“width:100%;height:500px;”。 | |
− | + | 当当前城市为city指定城市时,会给出距离当前点最近的地铁站。 | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | '''代码片如下:''' | |
− | < | + | <source> |
+ | <lbs-subway city="北京" style="height:100%"> </lbs-subway> | ||
+ | </source> | ||
+ | |||
+ | 修改后刷新界面的属性:city | ||
+ | |||
+ | |||
+ | '''运行效果如下:''' | ||
+ | |||
+ | http://api.map.baidu.com/lbsapi/cloud/cms/jsapi/sub.png | ||
+ | |||
+ | '''完整代码请参考:''' | ||
+ | <source> | ||
<html> | <html> | ||
第19行: | 第27行: | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> | <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> | ||
<title>地铁组件</title> | <title>地铁组件</title> | ||
− | <script src="http://api.map.baidu.com/components?ak= | + | <script src="http://api.map.baidu.com/components?ak=yourak&v=1.0"> |
</script> | </script> | ||
</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>