2. 程式人生 > 其它 >Qt編寫地圖綜合應用40-覆蓋物弧線

Qt編寫地圖綜合應用40-覆蓋物弧線

阿新 • • 發佈：2021-12-25

一、前言

弧線可以用來指示某幾個點直接弧形的方式繪製線條，尤其是飛機軌跡，起點到終點弧形曲線展示，更美觀。百度地圖的折線圖、矩形圖、圓形圖等，都統稱覆蓋物，都是作為覆蓋物繪製上去的，這樣的好處是速度很快，直接走的底層painter繪製，圖形很多也是繪製非常快，所以後面的海量點的繪製，也是採用繪製不同的形狀作為一個裝置標註點的機制來執行，這樣效率大大提高，當然可控的屬性少了很多，對比標註點marker，效能大大提升。

二、功能特點

  1. 同時支援線上地圖和離線地圖兩種模式。
  2. 同時支援webkit核心、webengine核心、miniblink核心、IE核心。
  3. 支援設定多個標註點，資訊包括名稱、地址、經緯度。
  4. 可設定地圖是否可單擊、拖動、滑鼠滾輪縮放。
  5. 可設定協議版本、祕鑰、主題樣式、中心座標、中心城市、地理編碼位置等。
  6. 可設定地圖縮放比例和級別，縮圖、比例尺、路況資訊等控制元件的可見。
  7. 支援地圖互動，比如滑鼠按下獲取對應位置的經緯度。
  8. 支援查詢路線，可設定起點位置、終點位置、路線模式、路線方式、路線方案（最少時間、最少換乘、最少步行、不乘地鐵、最短距離、避開高速）。
  9. 可顯示點線面工具，可直接在地圖上劃線、點、矩形、圓形等。
  10. 可設定行政區劃，指定某個城市區域繪製圖層，線上地圖自動輸出行政區劃邊界點集合到js檔案給離線地圖使用。
  11. 可靜態或者動態新增多個覆蓋物。支援點、折線、多邊形、矩形、圓形、弧線、點聚合等。
  12. 提供函式介面處理經緯度解析成地址和地址解析成經緯度座標。
  13. 提供的demo直接可以單獨選點執行對應的處理比如路線查詢。
  14. 可以拿到路線查詢到的點座標資訊集合，比如用於機器人座標導航等。
  15. 封裝了豐富的函式比如刪除指定點和所有點，刪除指定覆蓋物和所有覆蓋物等。
  16. 標註點彈框資訊可以自定義內容，標準html格式。
  17. 標註點單擊事件可選 0-不處理 1-自己彈框 2-傳送訊號。
  18. 標註點可設定動畫效果 0-不處理 1-跳動 2-墜落
  19. 標註點可設定本地圖片檔案等。
  20. 函式介面友好和統一，使用簡單方便，就一個類。
  21. 支援js動態互動新增點、刪除點、清空點、重置點，不需要重新整理頁面。
  22. 支援任意Qt版本、任意系統、任意編譯器。

三、體驗地址

  1. 體驗地址：https://pan.baidu.com/s/1ZxG-oyUKe286LPMPxOrO2A 提取碼：o05q 檔名：bin_map.zip
  2. 國內站點：https://gitee.com/feiyangqingyun
  3. 國際站點：https://github.com/feiyangqingyun
  4. 個人主頁：https://blog.csdn.net/feiyangqingyun
  5. 知乎主頁：https://www.zhihu.com/people/feiyangqingyun/

四、效果圖

五、相關程式碼

void MapBaiDu::addCurveLine(QStringList &list)
{
    //動態新增弧線
    list << QString("  function addCurveLine(points, color, weight, opacity) {");
    list << QString("    var pts = getPoints(points);");
    list << QString("    var property = getProperty(color, weight, opacity);");
    list << QString("    var curveLine = new %1Lib.CurveLine(pts, property);").arg(mapFlag);
    list << QString("    map.addOverlay(curveLine);");
    //弧線允許拖動
    list << QString("    curveLine.enableEditing();");
    list << QString("  }");
}

void MapBaiDu::addOverlay(QStringList &list)
{
    if (overlayTypes.count() == 0 || overlayTypes.count() != overlayPoints.count()) {
        return;
    }

    //判斷不同的型別,新增多個覆蓋物
    int count = overlayTypes.count();
    for (int i = 0; i < count; ++i) {
        OverlayType type = overlayTypes.at(i);
        QStringList points = overlayPoints.at(i);
        QString property = getOverlayProperty();

        //為了支援多個覆蓋物,每個覆蓋物對應的變數名都不一樣
        QString name;
        if (type == OverlayType_Marker) {
            name = QString("marker%1").arg(i + 1);
            list << QString("  var %2 = new %1.Marker(new %1.Point(%3));").arg(mapFlag).arg(name).arg(points.at(0));
        } else if (type == OverlayType_Polyline) {
            //每個圖形都有點集合
            QStringList listPoints;
            foreach (QString point, points) {
                listPoints << QString("new %1.Point(%2)").arg(mapFlag).arg(point);
            }

            name = QString("polyline%1").arg(i + 1);
            list << QString("  var %2 = new %1.Polyline([%3], %4);").arg(mapFlag).arg(name).arg(listPoints.join(",")).arg(property);
        } else if (type == OverlayType_Polygon) {
            //每個圖形都有點集合
            QStringList listPoints;
            foreach (QString point, points) {
                listPoints << QString("new %1.Point(%2)").arg(mapFlag).arg(point);
            }

            name = QString("polygon%1").arg(i + 1);
            list << QString("  var %2 = new %1.Polygon([%3], %4);").arg(mapFlag).arg(name).arg(listPoints.join(",")).arg(property);
        } else if (type == OverlayType_Rectangle) {
            if (points.count() < 2) {
                continue;
            }

            name = QString("rectangle%1").arg(i + 1);
            QString ptStart = QString("pStart%1").arg(i + 1);
            QString ptEnd = QString("pEnd%1").arg(i + 1);

            list << QString("  var %2 = new %1.Point(%3);").arg(mapFlag).arg(ptStart).arg(points.at(0));
            list << QString("  var %2 = new %1.Point(%3);").arg(mapFlag).arg(ptEnd).arg(points.at(1));
            list << QString("  var %2 = new %1.Polygon([").arg(mapFlag).arg(name);
            list << QString("    new %1.Point(%2.lng, %3.lat),").arg(mapFlag).arg(ptStart).arg(ptStart);
            list << QString("    new %1.Point(%2.lng, %3.lat),").arg(mapFlag).arg(ptEnd).arg(ptStart);
            list << QString("    new %1.Point(%2.lng, %3.lat),").arg(mapFlag).arg(ptEnd).arg(ptEnd);
            list << QString("    new %1.Point(%2.lng, %3.lat)").arg(mapFlag).arg(ptStart).arg(ptEnd);
            list << QString("  ], %1);").arg(property);
        } else if (type == OverlayType_Circle) {
            if (points.count() < 2) {
                continue;
            }

            //取第二個值作為半徑
            int circleRadius = points.at(1).toInt();
            name = QString("circle%1").arg(i + 1);
            list << QString("  var point%2 = new %1.Point(%3);").arg(mapFlag).arg(i + 1).arg(points.at(0));
            list << QString("  var %2 = new %1.Circle(point%3, %4, %5);").arg(mapFlag).arg(name).arg(i + 1).arg(circleRadius).arg(property);
        } else if (type == OverlayType_CurveLine) {
            //弧形點集合
            QStringList listPoints;
            foreach (QString point, points) {
                listPoints << QString("new %1.Point(%2)").arg(mapFlag).arg(point);
            }

            name = QString("curveline%1").arg(i + 1);
            list << QString("  var points%1 = [%2];").arg(i + 1).arg(listPoints.join(","));
            list << QString("  var %2 = new %1Lib.CurveLine(points%3, %4);").arg(mapFlag).arg(name).arg(i + 1).arg(property);
        } else if (type == OverlayType_Boundary) {
            //離線地圖從本地載入行政區劃邊界點集合
            if (mapLocal) {
                //可能會有多個數據,比如臺灣的金門島,都是獨立的區域形狀
                //這個 boundarys 通過最上面js檔案引入產生的變數
                list << QString("  var pointArray = [];");
                list << QString("  var count = boundarys.length;");
                list << QString("  for (var i = 0; i < count; ++i) {");
                list << QString("    var ply = new %1.Polygon(boundarys[i].points, %2);").arg(mapFlag).arg(property);
                list << QString("    map.addOverlay(ply);");
                list << QString("    pointArray = pointArray.concat(ply.getPath());");
                list << QString("  }");
                //調整視野自適應行政區劃區域
                list << QString("  map.setViewport(pointArray);");
            } else {
                list << QString("  var bdary = new %1.Boundary();").arg(mapFlag);
                //獲取行政區域
                list << QString("  bdary.get(\"%1\", function(rs) {").arg(points.first());
                //清除地圖覆蓋物
                list << QString("    map.clearOverlays();");
                //行政區域的點有多少個
                list << QString("    var datas = rs.boundaries;");
                list << QString("    var count = datas.length;");
                list << QString("    if (count <= 0) {");
                list << QString("      return;");
                list << QString("    }");

                list << QString("    var pointsAll = [];");
                list << QString("    var pointArray = [];");
                list << QString("    for (var i = 0; i < count; ++i) {");
                //建立多邊形覆蓋物
                list << QString("      var ply = new %1.Polygon(datas[i], %2);").arg(mapFlag).arg(property);

                //取出點集合
                list << QString("      var pts = ply.getPath();");
                list << QString("      var points = [];");
                list << QString("      for (var j = 0; j < pts.length; ++j) {");
                list << QString("        var point = pts[j].lng + ',' + pts[j].lat;");
                list << QString("        points.push(point);");
                list << QString("      }");
                list << QString("      pointsAll.push(points.join(';'));");

                //範圍可編輯,開啟以後可以拖動邊界然後可以重新輸出邊界點集合
                //list << QString("      ply.enableEditing();");

                //新增覆蓋物
                list << QString("      map.addOverlay(ply);");
                list << QString("      pointArray = pointArray.concat(ply.getPath());");
                list << QString("    }");
                //調整視野自適應行政區劃區域
                list << QString("    map.setViewport(pointArray);");

                //彈出+除錯輸出+回撥輸出 行政區劃的邊界座標點集合
                //list << QString("    alert(count);");
                //list << QString("    alert(datas);");
                //list << QString("    console.log(datas);");
                list << QString("    receiveData('boundary', pointsAll.join('|'));");
                list << QString("  });");
            }
        } else if (type == OverlayType_MarkerClusterer) {
            //點集合
            QStringList listPoints;
            foreach (QString point, points) {
                listPoints << QString("new %1.Marker(new %1.Point(%2))").arg(mapFlag).arg(point);
            }

            list << QString("  var markers = [%1];").arg(listPoints.join(","));
            //最簡單的用法,生成一個marker陣列,然後呼叫markerClusterer類即可
            list << QString("  var markerClusterer = new %1Lib.MarkerClusterer(map, {markers:markers});").arg(mapFlag);
        }

        //新增覆蓋物,行政區劃的覆蓋物已經在上面程式碼中新增
        if (!name.isEmpty()) {
            list << QString("  map.addOverlay(%1);").arg(name);
        }

        //設定其他效果,要放在addOverlay方法後面才有作用
        if (type == OverlayType_Marker) {
            //設定跳動的點動畫
            list << QString("  %1.setAnimation(BMAP_ANIMATION_BOUNCE);").arg(name);
        } else if (type == OverlayType_CurveLine) {
            //開啟編輯功能
            list << QString("  %1.enableEditing();").arg(name);
        }
    }
}

相關推薦

Qt編寫地圖綜合應用40-覆蓋物弧線

一、前言 弧線可以用來指示某幾個點直接弧形的方式繪製線條，尤其是飛機軌跡，起點到終點弧形曲線展示，更美觀。百度地圖的折線圖、矩形圖、圓形圖等，都統稱覆蓋物，都是作為覆蓋物繪製上去的，這樣的好處是速度很

Qt編寫地圖綜合應用38-覆蓋物矩形

一、前言 矩形的應用場景和多邊形基本一致，也是用來框起一塊區域，然後根據座標點集合，找到該區域內的標註點集合，比如指定某個縣市區域多邊形，然後找到這個縣市對應的所有站點，拿到這些站點在做其他處理。

Qt編寫地圖綜合應用60-覆蓋物座標和搜尋

一、前言 地圖應用中有時候需要開啟懸浮工具欄，使用者可以直接在地圖上繪製矩形、多邊形、圓形、線條等，於是需要提供一個函式介面，能夠獲取到使用者繪製的這些圖形形狀對應的資訊。比如座標點、圓形的中心點和半徑

Qt編寫地圖綜合應用23-標註點互動

一、前言 地圖專案應用中，標註點的互動使用頻率非常高，這應該是最常用的場景，比如從資料庫中讀取出來裝置的資訊包括經緯度座標，然後需要在地圖上顯示對應的裝置，這就需要用addMarker函式來動態新增標註點，關於

Qt編寫地圖綜合應用24-miniblink核心

一、前言 用Qt做專案過程中，遇到需要用到瀏覽器控制元件的專案，可能都會繞不開一個問題，那就是從Qt5.6版本開始mingw編譯器的Qt構建套件，不再提供瀏覽器控制元件了，之前還可以用webkit控制元件，這下很多專案要麼

Qt編寫地圖綜合應用30-世界地圖

一、前言 世界地圖也屬於區域地圖的一種，最開始做專案的時候只有國內的地圖需求，後面有個客戶他們的產品是面向國際市場，所以在大屏展示的時候，必須展示一張世界地圖，所有箭頭動態流向中國，當然這些都要離線使

Qt編寫地圖綜合應用32-區域地圖

一、前言 echart本身是沒有提供省市區域輪廓圖的，需要引入外部的js檔案才能繪製，為了拿到全國各省市的對應輪廓圖js檔案，特意去網上搜索了很多的相關文章並理解，下載到了對應的省市區域的json資料，然後根據js的

Qt編寫地圖綜合應用33-雨量分佈

一、前言 雨量分佈圖是在區域地圖基礎上，針對區域中的每個最小單位區域比如縣城點位不同顏色顯示，最開始做這個封裝的時候，並沒有提供單獨設定每個點顏色的介面，後面經過幾個客戶的強烈建議，咬咬牙把每個點都可

Qt編寫地圖綜合應用34-生成區域輪廓圖

一、前言 區域輪廓圖的前提是，如何拿到這些輪廓的js檔案，網路上其實能夠找到各省市的輪廓的json資料，這些json資料對應內容是各種邊界的一些類似 @@CGIUCACAAAAA@Q@ 字元的東西，每段這種字元表示一個特定的封閉區

Qt編寫地圖綜合應用47-經緯度地址互相轉換

一、前言 地址經緯度互換的功能只有在線地圖有，因為需要去伺服器查詢對應的資料，拿到返回的資料，百度地圖中需要用到BMap.Geocoder來實現這兩個功能的互換，他內建了getPoint函式負責將地址轉換為經緯度座標，get

Qt編寫地圖綜合應用59-經緯度座標糾偏

一、前言 地圖應用中都涉及到一個問題就是座標糾偏的問題，這個問題的是因為根據地方規則保密性要求不允許地圖廠商使用標準的GPS座標，而是要用國家定義的偏移標準，或者在此基礎上再做演算法運算，所以這就出現了三

Qt編寫地圖綜合應用29-遷徙圖

尊重原創版權: https://www.gewuweb.com/hot/8665.html Qt編寫地圖綜合應用29-遷徙圖 ## 一、前言

Qt編寫的專案作品37-安卓綜合應用示例

一、功能特點 封裝了通用的Qt安卓元件，打通了常規與java互動機制。 動態切換橫屏豎屏及獲取當前橫屏豎屏狀態。

Qt編寫視覺化大屏電子看板系統32-模組10大屏地圖

一、前言 大屏地圖模組採用瀏覽器模組+echart元件，Qt自帶了webkit或者webengine模組，其中在win上mingw編譯器的Qt5.6以後的版本，沒有了瀏覽器模組，這個就需要用第三方的瀏覽器模組比如miniblink或者cef等，個人偏

mongo中模糊查詢的綜合應用

前言 以下是一個mongo查詢的綜合應用，即介紹一個生產中實際應用的模糊查詢，當然其實也很簡單，主要用到mongo中的模糊查詢和$or查詢，以及並的關係，下面是一個mongo中的一條記錄

Python綜合應用名片管理系統案例詳解

本文例項講述了Python綜合應用名片管理系統。分享給大家供大家參考，具體如下：

BAT批處理判斷服務是否正常執行的方法(批處理命令綜合應用)

先給大家普及下批處理的基本概念 批處理(Batch)，也稱為批處理指令碼。顧名思義，批處理就是對某物件進行批量的處理，通常被認為是一種簡化的指令碼語言，它應用於DOS和Windows系統中。批處理檔案的副檔名為bat 或cm

Win10系統下郵件日曆地圖等應用語言變成了英文怎麼解決

最近有win10系統使用者在開啟郵件、日曆、地圖等應用的時候，發現原本的中文變成了英文，遇到這樣的問題該怎麼辦呢，本教程就給大家講解一下Win10系統下郵件日曆地圖等應用語言變成了英文的具體解決步驟。

Java進階--集合泛型綜合應用案例（鬥地主）

案例介紹 按照鬥地主的規則，完成洗牌發牌的動作。具體規則：使用54張牌打亂順序,三個玩家參與遊戲，三人交替摸牌，每人17張牌，最後三張留作底牌。

ROS中階筆記（十）：ROS機器人綜合應用

ROS中階筆記（十）：ROS機器人綜合應用 目錄1 ROS機器人綜合應用1.1 PR21.2 PR2實踐1.3 TurtleBot1.3.1 TurtleBot2實踐1.3.2 TurtleBot3實踐1.4 UR1.5 UR實踐2 構建綜合機器人平臺2.1 mbot pro2.2 marm pro2.3 mbot+