百度地图输入一个位置到另一个位置的路线 - 一咻儿

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5     <title>驾车途经点</title>
 6     <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
 7     <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak="></script>
 8 </head>
 9 <body>
10     <div class="message">
11         <input placeholder="起点" id="start" />
12         <input type="" name="end" id="end" value="" placeholder="终点" />
13         <button id="search">搜索</button>
14     </div>
15     <div id="container" style="height: 500px;;"></div>
16 </body>
17 </html>
18 <script>
19     var map = new BMap.Map("container");    
20     map.centerAndZoom(new BMap.Point(114.064552,22.548457), 11);    
21     var transit = new BMap.TransitRoute(map, {    
22         renderOptions: {map: map}    
23     });    
24     
25     $("#search").click(function(){
26         var start = $("#start").val();
27         var end = $("#end").val();
28     
29         transit.search(start, end);
30     });
31     
32 </script>

posted on 2018-12-08 16:03 一咻儿阅读(678) 评论(0) 收藏举报

刷新页面返回顶部