“webcomponent

2014年7月1日 (二) 10:21的版本

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

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

核心代码如下：

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

运行效果如下：

%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>

@@ 第4行： / 第4行： @@
 创建驾车组件，需要设置lbs-nav标签，并设置origin（起点名称）、destination（终点名称）和city（城市）等属性。
-核心代码如下：
+'''核心代码如下：'''
 <pre>
 <lbs-nav origin="百度大厦"  destination="西单"/>
 </pre>
-运行效果如下：
+'''运行效果如下：'''
 http://api.map.baidu.com/lbsapi/cloud/cms/jsapi/%E9%A9%BE%E8%BD%A6.png
-完整代码请参考：
+'''完整代码请参考：'''
 <syntaxhighlight lang="html4strict" line start="100" enclose="div">