码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2018-12-08 17:00:29      阅读:147      评论:0      收藏:0      [点我收藏+]

标签:另一个   oom   hold   function   query   fun   百度   cti   rip   

 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>

 

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

标签:另一个   oom   hold   function   query   fun   百度   cti   rip   

原文地址:https://www.cnblogs.com/xiuxiume/p/10087983.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!