全部服务产品
开发者频道
定价
登录

文档全面上新

更科技的视觉体验,更高效的页面结构,快前往体验吧!

体验新版
地铁组件
第8行: 第8行:
  
 
'''代码片如下:'''
 
'''代码片如下:'''
<pre>
+
<source>
 
<lbs-subway city="北京" style="height:100%"> </lbs-subway>
 
<lbs-subway city="北京" style="height:100%"> </lbs-subway>
</pre>
+
</source>
  
 
'''运行效果如下:'''
 
'''运行效果如下:'''
第17行: 第17行:
  
 
'''完整代码请参考:'''
 
'''完整代码请参考:'''
<syntaxhighlight lang="html4strict" line start="100" enclose="div">
+
<source>
  
 
<html>
 
<html>
第28行: 第28行:
 
</head>
 
</head>
 
<body>
 
<body>
    <!—地铁组件-->
+
<!—地铁组件-->
 
<lbs-subway city="北京" style="height:100%"> </lbs-subway>
 
<lbs-subway city="北京" style="height:100%"> </lbs-subway>
 
</body>
 
</body>
 
</html>
 
</html>
  
</syntaxhighlight>
+
</source>

2014年12月16日 (二) 16:57的版本

地铁组件

地铁组件提供地铁图展示功能及地铁站点详情跳转。如果定位城市为当前城市,可以定位到附近的地铁站。

地铁组件的属性包括:city(城市),width(地铁图宽度)及height(地铁图高度)。建议开发者直接使用css属性来定义宽高,如style=“width:100%;height:500px;”。

当当前城市为city指定城市时,会给出距离当前点最近的地铁站。

代码片如下:

<lbs-subway city="北京" style="height:100%"> </lbs-subway>

运行效果如下:

sub.png

完整代码请参考:

<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>
  • 文档根本没法用

  • 文档水平很差

  • 文档水平一般

  • 文档不错

  • 文档写的很好

如发现文档错误,或对此文档有更好的建议,请在下方反馈。问题咨询请前往反馈平台提交工单咨询。

提交反馈

拖动标注工具

添加矩形标注

添加箭头标注

完成

取消