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

文档全面上新

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

体验新版
(以“==地铁组件== 地铁组件提供地铁图展示功能及地铁站点详情跳转。如果定位城市为当前城市,可以定位到附近的地铁站。 地...”为内容创建页面)
 
地铁组件
 
(未显示1个用户的8个中间版本)
第1行: 第1行:
 +
{{webcomp-sidebar}}
 
==地铁组件==
 
==地铁组件==
 
地铁组件提供地铁图展示功能及地铁站点详情跳转。如果定位城市为当前城市,可以定位到附近的地铁站。
 
地铁组件提供地铁图展示功能及地铁站点详情跳转。如果定位城市为当前城市,可以定位到附近的地铁站。
  
地铁组件的属性包括:city(城市),width(地铁图宽度)及height(地铁图高度)。
+
地铁组件的属性包括:city(城市),width(地铁图宽度)及height(地铁图高度)。建议开发者直接使用css属性来定义宽高,如style=“width:100%;height:500px;”。
  
当当前城市为city指定城市时,会给出距离当前点最近的地铁站,代码片如下:
+
当当前城市为city指定城市时,会给出距离当前点最近的地铁站。
<pre>
+
<lbs-subway city="北京" height="400px"> </lbs-subway>
+
</pre>
+
运行效果如下:
+
XX
+
  
完整代码请参考:
+
'''代码片如下:'''
<syntaxhighlight lang="html4strict" line start="100" enclose="div">
+
<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=CA4de4f8d8e3c3891eb39a78f8343cd4&v=1.0">
+
<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>
  
</syntaxhighlight>
+
</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


运行效果如下:

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

  • 文档水平很差

  • 文档水平一般

  • 文档不错

  • 文档写的很好

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

提交反馈

拖动标注工具

添加矩形标注

添加箭头标注

完成

取消