“webcomponent

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

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

创建驾车组件，需要设置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>

@@ 第11行： / 第11行： @@
 运行效果如下：
-XX
+http://api.map.baidu.com/lbsapi/cloud/cms/jsapi/%E9%A9%BE%E8%BD%A6.png
 完整代码请参考：
@@ 第21行： / 第21行： @@
 <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=CA4de4f8d8e3c3891eb39a78f8343cd4&v=1.0">
+<script src="http://api.map.baidu.com/components?ak=yourak&v=1.0">
 </script>
 </head>