一、前言
近期重新將這個地圖綜合應用進行大幅度的改進更新升級,包括使用示例也做了非常多的改進和調整,其中就包括路徑規划功能,之前只是調用了百度地圖的JS交互接口,根據起始點坐標經緯度和結束點坐標經緯度,查詢出合適的路線,而並木有將查詢到的路徑的軌跡點坐標集合取出來,用於其他處理比如發給機器人,讓機器人按照這個軌跡點移動,為了確保取出來的軌跡點坐標集合是正確的,還可以將軌跡點用不同的顏色重新繪制出來,和查詢路線得到的軌跡線路進行對比,高度重合就說明是對的。
關於起始坐標和結束坐標,最開始做的是直接傳入具體中文地址即可,后面百度地圖不再開放此功能,貌似變成了收費功能,但是經緯度和地址互相轉換的功能還是開放的,所以就多了一個步驟,后面做的是直接傳入經緯度坐標進行查詢,需要手動輸入,現在做的是直接地圖選點,在起始坐標后面的單選框選中然后在地圖上直接選點,對應經緯度坐標值會自動填入,這樣相對來說更人性化一些。
拿到軌跡點坐標集合進行繪制,其實調用的就是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 = 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);");
}