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

文档全面上新

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

体验新版
 
(未显示1个用户的2个中间版本)
第1行: 第1行:
 
{{webcomp-sidebar}}
 
{{webcomp-sidebar}}
<p style="font-size:16px;font-weight:bold;background:#fff;border-bottom:1px solid #eee;padding-bottom:10px;margin:0px 0 15px 0px;">驾车组件</p>
 
 
==驾车组件==
 
==驾车组件==
 
驾车组件实现用户输入起终点名称给出线路规划信息的功能。
 
驾车组件实现用户输入起终点名称给出线路规划信息的功能。
  
创建驾车组件,需要设置lbs-nav标签,并设置origin(起点名称)、destination(终点名称)和city(城市)等属性。
+
创建驾车组件,需要设置lbs-nav标签,并设置origin(起点名称)、destination(终点名称)、origin-coodrs(起点坐标)、destination-coodrs(终点坐标)和city(城市)等属性。
 +
 
 +
当起终点坐标都存在且是正确的 "x,y" 的格式时,会以坐标点去发起路线查询。否则就是以名称发起查询。用户可以自己设置起终点名称(origin,destination),如果没有设置,则会发起一次反地址解析(如果解析失败,表示地址不存在,则显示没有方案)。
 +
 
  
 
'''核心代码如下:'''
 
'''核心代码如下:'''
<pre>
+
<source>
 
<lbs-nav origin="百度大厦"  destination="西单"/>
 
<lbs-nav origin="百度大厦"  destination="西单"/>
</pre>
+
</source>
 +
 
 +
修改后刷新界面的属性:origin,destination,origin-coodrs,destination-coodrs,city
  
 
'''运行效果如下:'''
 
'''运行效果如下:'''
第16行: 第20行:
  
 
'''完整代码请参考:'''
 
'''完整代码请参考:'''
<syntaxhighlight lang="html4strict" line start="100" enclose="div">
+
<source>
  
 
<html>
 
<html>
第27行: 第31行:
 
</head>
 
</head>
 
<body>
 
<body>
    <!-- 驾车组件-->
+
<!-- 驾车组件-->
    <lbs-nav origin="百度大厦"  destination="西单"/>   
+
<lbs-nav origin="百度大厦"  destination="西单"/>   
 
</body>
 
</body>
 
</html>
 
</html>
  
 
+
</source>
</syntaxhighlight>
+

2015年1月16日 (五) 18:18的最后版本

驾车组件

驾车组件实现用户输入起终点名称给出线路规划信息的功能。

创建驾车组件,需要设置lbs-nav标签,并设置origin(起点名称)、destination(终点名称)、origin-coodrs(起点坐标)、destination-coodrs(终点坐标)和city(城市)等属性。

当起终点坐标都存在且是正确的 "x,y" 的格式时,会以坐标点去发起路线查询。否则就是以名称发起查询。用户可以自己设置起终点名称(origin,destination),如果没有设置,则会发起一次反地址解析(如果解析失败,表示地址不存在,则显示没有方案)。


核心代码如下:

<lbs-nav origin="百度大厦"  destination="西单"/>

修改后刷新界面的属性:origin,destination,origin-coodrs,destination-coodrs,city

运行效果如下:

%E9%A9%BE%E8%BD%A6.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-nav origin="百度大厦"  destination="西单"/>  
</body>
</html>
  • 文档根本没法用

  • 文档水平很差

  • 文档水平一般

  • 文档不错

  • 文档写的很好

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

提交反馈

拖动标注工具

添加矩形标注

添加箭头标注

完成

取消