一、前言
路徑規劃一般是根據起始點座標經緯度和結束點座標經緯度,查詢出合適的路線。關於起始座標和結束座標,最開始做的是直接傳入具體中文地址即可,後面百度地圖不再開放此功能,貌似變成了收費功能,但是經緯度和地址互相轉換的功能還是開放的,所以就多了一個步驟,後面做的是直接傳入經緯度座標進行查詢,需要手動輸入,現在做的是直接地圖選點,在起始座標後面的單選框選中然後在地圖上直接選點,對應經緯度座標值會自動填入,這樣相對來說更人性化一些。
拿到軌跡點座標集合進行繪製,其實調用的就是addPolyline函數進行繪製,注意收到的軌跡點座標集合很可能是多段的,而不是完整的一段,傳過來的是數組的數組,所以需要搞個循環將收到的路徑點集合分線段繪製,至於線條的顏色+邊框+透明度都可以設置,以便區分原來的路徑查詢自動繪製的路徑。
根據這個功能其實又可以衍生另外一個非常有用的功能,就是將查詢到的路徑的軌跡點座標集合取出來,用於其他處理比如發給設備(飛機、機器人等),讓設備按照這個軌跡點移動,爲了確保取出來的軌跡點座標集合是正確的,還可以將軌跡點用不同的顏色重新繪製出來,和查詢路線得到的軌跡線路進行對比,高度重合就說明是對的。
二、功能特點
- 同時支持在線地圖和離線地圖兩種模式。
- 同時支持webkit內核、webengine內核、miniblink內核、IE內核。
- 支持設置多個標註點,信息包括名稱、地址、經緯度。
- 可設置地圖是否可單擊、拖動、鼠標滾輪縮放。
- 可設置協議版本、祕鑰、主題樣式、中心座標、中心城市、地理編碼位置等。
- 可設置地圖縮放比例和級別,縮略圖、比例尺、路況信息等控件的可見。
- 支持地圖交互,比如鼠標按下獲取對應位置的經緯度。
- 支持查詢路線,可設置起點位置、終點位置、路線模式、路線方式、路線方案(最少時間、最少換乘、最少步行、不乘地鐵、最短距離、避開高速)。
- 可顯示點線面工具,可直接在地圖上劃線、點、矩形、圓形等。
- 可設置行政區劃,指定某個城市區域繪製圖層,在線地圖自動輸出行政區劃邊界點集合到js文件給離線地圖使用。
- 可靜態或者動態添加多個覆蓋物。支持點、折線、多邊形、矩形、圓形、弧線、點聚合等。
- 提供函數接口處理經緯度解析成地址和地址解析成經緯度座標。
- 提供的demo直接可以單獨選點執行對應的處理比如路線查詢。
- 可以拿到路線查詢到的點座標信息集合,比如用於機器人座標導航等。
- 封裝了豐富的函數比如刪除指定點和所有點,刪除指定覆蓋物和所有覆蓋物等。
- 標註點彈框信息可以自定義內容,標準html格式。
- 標註點單擊事件可選 0-不處理 1-自己彈框 2-發送信號。
- 標註點可設置動畫效果 0-不處理 1-跳動 2-墜落
- 標註點可設置本地圖片文件等。
- 函數接口友好和統一,使用簡單方便,就一個類。
- 支持js動態交互添加點、刪除點、清空點、重置點,不需要刷新頁面。
- 支持任意Qt版本、任意系統、任意編譯器。
三、體驗地址
- 體驗地址:https://pan.baidu.com/s/1ZxG-oyUKe286LPMPxOrO2A 提取碼:o05q 文件名:bin_map.zip
- 國內站點:https://gitee.com/feiyangqingyun
- 國際站點:https://github.com/feiyangqingyun
- 個人主頁:https://blog.csdn.net/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 = getPoint('%1');").arg(startAddr);
list << QString(" var p2 = getPoint('%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 %1.TransitRoute(map, %2);").arg(mapFlag).arg(renderOptions);
} else if (routeType == 1) {
list << QString(" var route = new %1.DrivingRoute(map, %2);").arg(mapFlag).arg(renderOptions);
} else if (routeType == 2) {
list << QString(" var route = new %1.WalkingRoute(map, %2);").arg(mapFlag).arg(renderOptions);
} else if (routeType == 3) {
list << QString(" var route = new %1.RidingRoute(map, %2);").arg(mapFlag).arg(renderOptions);
}
//獲取路徑的系列點
QStringList temp;
temp << QString(" route.setSearchCompleteCallback(function(results) {");
temp << QString(" if (route.getStatus() != BMAP_STATUS_SUCCESS) {");
temp << QString(" return;");
temp << QString(" }");
//獲取路線結果,可能有多條,默認取第一條一般是最優的
temp << QString(" var plan = results.getPlan(0);");
//獲取總時長
temp << QString(" var duration = plan.getDuration(true);");
//獲取總路程
temp << QString(" var distance = plan.getDistance(true);");
//獲取線路段數,可能有多段
temp << QString(" var count = plan.getNumRoutes(0);");
//temp << QString(" alert(count + '|' + duration + '|' + distance);");
//獲取所有座標點位的數組
temp << QString(" var pointsAll = [];");
temp << QString(" for (var i = 0; i < count; ++i) {");
temp << QString(" var pts = plan.getRoute(i).getPath();");
temp << QString(" var points = [];");
temp << QString(" for (var j = 0; j < pts.length; ++j) {");
temp << QString(" var point = pts[j].lng + ',' + pts[j].lat;");
temp << QString(" points.push(point);");
temp << QString(" }");
temp << QString(" pointsAll.push(points.join(';'));");
temp << QString(" }");
//返回總里程總用時結果
temp << QString(" receiveData('routeresult', duration + '|' + distance);");
//返回座標點集合,多個用 | 隔開
temp << QString(" receiveData('routepoints', pointsAll.join('|'));");
temp << QString(" })");
list << temp.join("\r\n");
//查詢路徑
list << QString(" route.search(p1, p2);");
}