## 一、前言
近期重新將這個地圖綜合應用進行大幅度的改進更新升級，包括使用示例也做了非常多的改進和調整，其中就包括路徑規劃功能，之前只是呼叫了百度地圖的JS互動介面，根據起始點座標經緯度和結束點座標經緯度，查詢出合適的路線，而並木有將查詢到的路徑的軌跡點座標集合取出來，用於其他處理比如發給機器人，讓機器人按照這個軌跡點移動，為了確保取出來的軌跡點座標集合是正確的，還可以將軌跡點用不同的顏色重新繪製出來，和查詢路線得到的軌跡線路進行對比，高度重合就說明是對的。
關於起始座標和結束座標，最開始做的是直接傳入具體中文地址即可，後面百度地圖不再開放此功能，貌似變成了收費功能，但是經緯度和地址互相轉換的功能還是開放的，所以就多了一個步驟，後面做的是直接傳入經緯度座標進行查詢，需要手動輸入，現在做的是直接地圖選點，在起始座標後面的單選框選中然後在地圖上直接選點，對應經緯度座標值會自動填入，這樣相對來說更人性化一些。
拿到軌跡點座標集合進行繪製，其實呼叫的就是addPolyline函式進行繪製，注意收到的軌跡點座標集合很可能是多段的，而不是完整的一段，傳過來的是陣列的陣列，所以需要搞個迴圈將收到的路徑點集合分線段繪製，至於線條的顏色+邊框+透明度都可以設定，以便區分原來的路徑查詢自動繪製的路徑。
## 二、功能特點1. 同時支援線上地圖和離線地圖兩種模式。
2. 同時支援webkit核心、webengine核心、miniblink核心、IE核心。
3. 支援設定多個標註點，資訊包括名稱、地址、經緯度。
4. 可設定地圖是否可單擊、拖動、滑鼠滾輪縮放。
5. 可設定協議版本、秘鑰、主題樣式、中心座標、中心城市、地理編碼位置等。
6. 可設定地圖縮放比例和級別，縮圖、比例尺、路況資訊等控制元件的可見。
7. 支援地圖互動，比如滑鼠按下獲取對應位置的經緯度。
8. 支援查詢路線，可設定起點位置、終點位置、路線模式、路線方式、路線方案（最少時間、最少換乘、最少步行、不乘地鐵、最短距離、避開高速）。
9. 可顯示點線面工具，可直接在地圖上劃線、點、矩形、圓形等。
10. 可設定行政區劃，指定某個城市區域繪製圖層，線上地圖自動輸出行政區劃邊界點集合到js檔案給離線地圖使用。
11. 可靜態或者動態新增多個覆蓋物。支援點、折線、多邊形、矩形、圓形、弧線、點聚合等。
12. 提供函式介面處理經緯度解析成地址和地址解析成經緯度座標。
13. 提供的demo直接可以單獨選點執行對應的處理比如路線查詢。
14. 可以拿到路線查詢到的點座標資訊集合，比如用於機器人座標導航等。
16. 標註點彈框資訊可以自定義內容，標準html格式。
17. 標註點單擊事件可選 0-不處理 1-自己彈框 2-傳送訊號。
18. 標註點可設定動畫效果 0-不處理 1-跳動 2-墜落
19. 標註點可設定本地圖片檔案等。
20. 函式介面友好和統一，使用簡單方便，就一個類。
22. 支援任意Qt版本、任意系統、任意編譯器。
## 三、體驗地址1. 體驗地址：[https://pan.baidu.com/s/1ZxG-oyUKe286LPMPxOrO2A](https://pan.baidu.com/s/1ZxG-oyUKe286LPMPxOrO2A) 提取碼：o05q 檔名：bin_map.zip
2. 國內站點：[https://gitee.com/feiyangqingyun](https://gitee.com/feiyangqingyun)
3. 國際站點：[https://github.com/feiyangqingyun](https://github.com/feiyangqingyun)
4. 個人主頁：[https://blog.csdn.net/feiyangqingyun](https://blog.csdn.net/feiyangqingyun)
5. 知乎主頁：[https://www.zhihu.com/people/feiyangqingyun/](https://www.zhihu.com/people/feiyangqingyun/)
## 四、效果圖
## 五、相關程式碼void MapBaiDu::addRoute(QStringList &list){ if (startAddr.isEmpty() || endAddr.isEmpty()) { return; } //地址中帶了 , 表示採用的經緯度形式 if (startAddr.contains(",")) { list << QString(" var p1 = new BMap.Point(%1);").arg(startAddr); list << QString(" var p2 = new BMap.Point(%1);").arg(endAddr); } else { list << QString(" var p1 = \"%1\";").arg(startAddr); list << QString(" var p2 = \"%1\";").arg(endAddr); } //0-公交 1-駕車 2-步行 3-騎行 QString renderOptions = QString("{renderOptions:{map:map, panel:\"result\"}, policy:%1}").arg(policyType); if (routeType == 0) { list << QString(" var route = new BMap.TransitRoute(map, %1);").arg(renderOptions); } else if (routeType == 1) { list << QString(" var route = new BMap.DrivingRoute(map, %1);").arg(renderOptions); } else if (routeType == 2) { list << QString(" var route = new BMap.WalkingRoute(map, %1);").arg(renderOptions); } else if (routeType == 3) { list << QString(" var route = new BMap.RidingRoute(map, %1);").arg(renderOptions); } //獲取路徑的系列點 QStringList temp; temp << QString(" route.setSearchCompleteCallback(function(results)"); temp << QString(" {"); temp << QString(" if (route.getStatus() == BMAP_STATUS_SUCCESS) {"); //獲取路線結果,可能有多條,預設取第一條一般是最優的 temp << QString(" var routesAll = route.getResults().getPlan(0);"); //獲取線路段數,可能有多段 temp << QString(" var routesCount = routesAll.getNumRoutes(0);"); //temp << QString(" alert(routesCount);"); //獲取所有座標點位的陣列 temp << QString(" var pointsAll = [];"); temp << QString(" for (var i = 0; i < routesCount; i++) {"); temp << QString(" var pts = routesAll.getRoute(i).getPath();"); temp << QString(" var pathsCount = pts.length;"); temp << QString(" var points = [];"); temp << QString(" for (var j = 0; j < pathsCount; j++) {"); temp << QString(" var point = pts[j].lng + ',' + pts[j].lat;"); temp << QString(" points.push(point);"); temp << QString(" }"); temp << QString(" pointsAll.push(points);"); temp << QString(" }");#ifndef webkit //測試下來發現webkit不支援陣列的資料形式返回 temp << QString(" receiveData('routepoints', pointsAll);");#endif temp << QString(" }"); temp << QString(" })"); list << temp.join("\r\n"); //查詢路徑 list << QString(" route.search(p1, p2);");}