百度地图API公交检索示例 - 标绘结果路线、返回结果集
生活随笔
收集整理的這篇文章主要介紹了
百度地图API公交检索示例 - 标绘结果路线、返回结果集
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
百度地圖API具有公交檢索功能；使用它的在線SDK示例來修改代碼，快速演示一下；
<html> <head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta name="viewport" content="initial-scale=1.0, user-scalable=no" /><style type="text/css">body, html {width: 100%;height: 100%; margin:0;font-family:"微軟雅黑";}#l-map{height:500px;width:100%;}</style><script type="text/javascript" src="//api.map.baidu.com/api?v=2.0&ak=您的密鑰"></script><script src="//libs.baidu.com/jquery/1.9.0/jquery.js"></script><title>根據起終點名稱查詢公交換乘</title> </head> <body><div id="l-map"></div><div id="driving_way"><select><option value="0">最少時間</option><option value="1">最少換乘</option><option value="2">最少步行</option><option value="3">不乘地鐵</option></select><input type="button" id="result" value="查詢"/></div> </body> </html> <script type="text/javascript">// 百度地圖API功能var map = new BMap.Map("l-map"); map.centerAndZoom(new BMap.Point(106.5507137149,29.5647048135), 14);var start = "李家坪立交";var end = "洪崖洞";var routePolicy = [BMAP_TRANSIT_POLICY_LEAST_TIME,BMAP_TRANSIT_POLICY_LEAST_TRANSFER,BMAP_TRANSIT_POLICY_LEAST_WALKING,BMAP_TRANSIT_POLICY_AVOID_SUBWAYS];var transit = new BMap.TransitRoute(map, {renderOptions: {map: map},policy: 0});$("#result").click(function(){map.clearOverlays(); var i=$("#driving_way select").val();search(start,end,routePolicy[i]); function search(start,end,route){ transit.setPolicy(route);transit.search(start,end);}}); </script>假定定位到城市 重慶 來檢索；
首先要申請自己的key才能調用；
先new一個BMap.Map對象；
centerAndZoom，定位地圖中心點到自己需要的城市（使用經緯度），后一個參數是縮放級別；
公交檢索是使用 BMap.TransitRoute 類來實現；
設置檢索策略，并調用類的search方法來實現檢索；
查詢按鈕的id是"result"，點擊時調用$("#result").click(function() 函數；
它的公交檢索接口可以標繪檢索路線；
也會返回檢索的結果集；可以自定義返回結果的面板顏色之類；
大中城市都可以；小縣城大概也可以的；可以自己試；
這是GIS功能的一種；
我以前也碰到過，你的百度API調用代碼是放到其他前端代碼文件里的，如果前端代碼里面CSS文件繼承比較多，可能影響不會標繪出檢索路線，要自己去CSS文件里找；
?
?
總結
以上是生活随笔為你收集整理的百度地图API公交检索示例 - 标绘结果路线、返回结果集的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Windows从命令行创建文本文件的两种
- 下一篇： MFC最小程序(不使用应用程序向导)