Qt編寫安防視頻監控系統50-地圖配置

一、前言

視頻監控系統中集成了百度地圖模塊，支持在線和離線，離線的需要先把離線的瓦片地圖下載到本地放到對應文件夾纔可以正常使用，瓦片地圖其實就是一張張圖片，按照約定的規則，經緯度值+縮放比例進行排列，此模塊全部封裝成了地圖組件，留出了對應的接口進行設置即可，其中包括地圖祕鑰、縮放級別等。

由於在視頻監控系統中，很多處都用到了地圖模塊（比如主界面地圖縮略圖懸停模塊、飛行軌跡懸停模塊、地圖管理中設備地圖展示等），都需要用瀏覽器控件加載地圖組件，所以直接將這部分功能統一封裝成了一個類mapcore，需要的地方直接new這個類即可，這樣就做到了整個系統的地圖都在統一的一個類管理，比如設置地圖中心點座標，默認的縮放級別，最開始做的是沒有統一的一個類管理，各種初始化參數寫得到處都是，一旦發現瑕疵或者BUG，一個地方更改後，可能還有其他地方忘記更改，留有隱患。

隨着地圖參數的增多，後面也是單獨獨立出來的參數配置分組，專門管理地圖相關的參數，其中有地圖祕鑰（內置的是自己申請的祕鑰，由於官網對免費版的祕鑰有併發數量的限制，所以建議用戶填自己申請的祕鑰）、中心點座標、縮放級別、路徑規劃起點座標、路徑規劃結束點座標、路徑規劃過濾點數等。

地圖組件功能特點

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. 視頻監控模塊，各種停靠小窗體子模塊，包括設備列表、圖文警情、窗口信息、雲臺控制、預置位、巡航設置、設備控制、懸浮地圖、網頁瀏覽等。
2. 視頻回放模塊，包括本地回放、遠程回放、設備播放、圖片回放、視頻上傳等。
3. 電子地圖模塊，包括圖片地圖、在線地圖、離線地圖、路徑規劃等。
4. 日誌查詢模塊，包括本地日誌、設備日誌等。
5. 系統設置模塊，包括系統設置（基本設置、視頻參數、數據庫設置、地圖配置、串口配置等）、錄像機管理、攝像機管理、輪詢配置、用戶管理等。

（二）基礎功能

1. 支持各種視頻流（rtsp、rtmp、http等）、視頻文件（mp4、rmvb、avi等）、本地USB攝像機播放。
2. 支持多畫面切換，包括1、4、6、8、9、13、16、25、36、64畫面切換。
3. 支持全屏切換，多種切換方式包括鼠標右鍵菜單、工具欄按鈕、快捷鍵（alt+enter全屏，esc退出全屏）。
4. 支持視頻輪詢，包括1、4、9、16畫面輪詢，可設置輪詢分組（輪詢預案）、輪詢間隔、碼流類型等。
5. 支持onvif協議，包括設備搜索、雲臺控制、設備控制（圖片參數、校對時間、系統重啓，抓拍圖片等）。
6. 支持權限管理，不同的用戶可以對應不同的模塊權限，比如刪除日誌、關閉系統等。
7. 數據庫支持多種，包括sqlite、mysql、sqlserver、postgresql、oracle、人大金倉等。
8. 本地USB攝像機支持設置分辨率、幀率等參數。
9. 所有停靠模塊都自動生成對應的菜單用來控制顯示和隱藏，在標題欄右鍵可以彈出。
10. 支持顯示所有模塊、隱藏所有模塊、復位普通佈局、復位全屏佈局。
11. 雙擊設備彈出實時預覽視頻，支持圖片地圖、在線地圖、離線地圖等。
12. 攝像機節點拖曳到對應窗體播放視頻，同時支持拖曳本地文件直接播放。
13. 刪除視頻支持鼠標右鍵刪除、懸浮條關閉刪除、拖曳到視頻監控面板外刪除等多種方式。
14. 圖片地圖上設備按鈕可自由拖動，自動保存位置信息。百度地圖上可以鼠標單擊獲取經緯度信息，用來更新設備位置。
15. 視頻監控面板窗體中任意通道支持拖曳交換，瞬間響應。
16. 封裝了百度地圖，視圖切換，運動軌跡，設備點位，鼠標按下獲取經緯度等。
17. 雙擊節點、拖曳節點、拖曳窗體交換位置等操作，均自動更新保存最後的播放地址，下次軟件打開自動應用。
18. 右下角音量條控件，失去焦點自動隱藏，音量條帶靜音圖標。
19. 支持視頻截圖，可指定單個或者對所有通道截圖，底部小工具欄也有截圖按鈕。
20. 支持超時自動隱藏鼠標指針、自動全屏機制。
21. 支持onvif雲臺控制，可上下左右移動雲臺攝像機，包括復位和焦距調整等。
22. 支持任意onvif攝像機，包括但不限於海康、大華、宇視、天地偉業、華爲等。
23. 可保存視頻，可選定時存儲或者單文件存儲，可選存儲間隔時間。
24. 可設置視頻流通信方式tcp+udp，可設置視頻解碼是速度優先、質量優先、均衡等。
25. 可設置軟件中文名稱、英文名稱、LOGO圖標等。
26. 存儲的視頻文件支持導出到指定目錄，支持批量上傳到服務器。

（三）特色功能

1. 主界面採用停靠窗體模式，各種組件以小模塊的形式加入，可自定義任意模塊加入。
2. 停靠模塊可拖動任意位置嵌入和懸浮，支持最大化全屏，支持多屏幕。
3. 雙重佈局文件存儲機制，正常模式、全屏模式都對應不同的佈局方案，自動切換和保存，比如全屏模式可以突出幾個模塊透明顯示在指定位置，更具科幻感現代化。
4. 原創onvif協議機制，採用底層協議解析（udp廣播搜索+http請求執行命令）更輕量易懂易學習拓展，不依賴任何第三方組件比如gsoap。
5. 原創數據導入導出機制，跨平臺不依賴任何組件，瞬間導出數據。
6. 內置多個原創組件，宇宙超值超級牛逼，包括數據導入導出組件（導出到xls、pdf、打印）、數據庫組件（數據庫管理線程、自動清理數據線程、萬能分頁、數據請求等）、地圖組件、視頻監控組件、文件多線程收發組件、onvif通信組件、通用瀏覽器內核組件等。
7. 自定義信息框+錯誤框+詢問框+右下角提示框（包含多種格式）等。
8. 精美換膚，高達17套皮膚樣式隨意更換，所有樣式全部統一，包括菜單等。
9. 視頻控件懸浮條可以自行增加多個按鈕，監控界面底部小工具欄也可自行增加按鈕。
10. 雙擊攝像機節點自動播放視頻，雙擊節點自動依次添加視頻，會自動跳到下一個，雙擊父節點自動添加該節點下的所有視頻。可選主碼流、子碼流。
11. 錄像機管理、攝像機管理，可添加刪除修改導入導出打印信息，立即應用新的設備信息生成樹狀列表，不需重啓。
12. 可選多種內核自由切換，ffmpeg、vlc、mpv等，均可在pro中設置。推薦用ffmpeg，跨平臺最多，默認提供好了linux和mac平臺上編譯好的庫。
13. 支持硬解碼，可設置硬解碼類型（qsv、dxva2、d3d11va等）。
14. 默認採用opengl繪製視頻，超低的CPU資源佔用，支持yuyv和nv12兩種格式繪製，很牛逼。
15. 高度可定製化，用戶可以很方便的在此基礎上衍生自己的功能，比如增加自定義模塊，增加運行模式、機器人監控、無人機監控、挖掘機監控等。
16. 支持xp、win7、win10、linux、mac、各種國產系統（UOS、中標麒麟、銀河麒麟等）、嵌入式linux等系統。
17. 註釋完整，項目結構清晰，超級詳細完整的使用開發手冊，精確到每個代碼文件的功能說明，不斷持續迭代版本。

三、體驗地址

1. 體驗地址：https://pan.baidu.com/s/1d7TH_GEYl5nOecuNlWJJ7g 提取碼：01jf 文件名：bin_video_system.zip。
2. 國內站點：https://gitee.com/feiyangqingyun
3. 國際站點：https://github.com/feiyangqingyun
4. 個人主頁：https://blog.csdn.net/feiyangqingyun
5. 知乎主頁：https://www.zhihu.com/people/feiyangqingyun/
6. 在線文檔：https://feiyangqingyun.gitee.io/qwidgetdemo/video_system/

四、效果圖

五、核心代碼

#include "frmmapcore.h"
#include "ui_frmmapcore.h"
#include "quihelper.h"

frmMapCore::frmMapCore(QWidget *parent) : QWidget(parent), ui(new Ui::frmMapCore)
{
    ui->setupUi(this);
    this->initForm();
}

frmMapCore::~frmMapCore()
{
    delete ui;
}

MapBaiDu *frmMapCore::getMapBaiDu()
{
    return this->baidu;
}

void frmMapCore::showEvent(QShowEvent *)
{
    if (!isShow) {
        isShow = true;
        QTimer::singleShot(100, this, SLOT(loadMap()));
    }
}

void frmMapCore::initForm()
{
    isShow = false;
    fileFlag = "map";

    //初始化百度地圖類
    baidu = new MapBaiDu(this);
    //初始化通用瀏覽器控件
    web = new WebView(this);
    web->setLayout(ui->layout);
#ifdef webkit
    web->setBgColor("#FFFFFF");
#endif

    //關聯加載完成信號+接收數據信號
    connect(web, SIGNAL(loadFinished(bool)), this, SIGNAL(loadFinished(bool)));
    connect(web, SIGNAL(receiveDataFromJs(QString, QVariant)), this, SIGNAL(receiveDataFromJs(QString, QVariant)));
}

bool frmMapCore::getIsShow()
{
    return this->isShow;
}

void frmMapCore::setFileFlag(const QString &fileFlag)
{
    this->fileFlag = fileFlag;
}

void frmMapCore::loadMap(const QString &http)
{
    //設置保存文件名稱
    QString fileName = QString("%1/config/%2.html").arg(QUIHelper::appPath()).arg(fileFlag);
    QString url = "file:///" + fileName;

    baidu->setSaveFile(SaveFile);
    baidu->setFileName(fileName);
    //設置默認的中心點座標,建議採用中心點座標的方式
    baidu->setMapCenterPoint(AppConfig::MapCenter);

    //如果傳入了網址則取網址
    if (!http.isEmpty()) {
        url = http;
        baidu->setSaveFile(true);
    }

    //下面爲兩種方式加載網頁,如果內容爲空則加載網頁文件否則加載內容
    //一般爲了保密建議加載內容,這樣看不到生成的網頁文件
    //可能在linux上的webkit內核需要用load的方式加載
    QString html = baidu->newMap();
    if (baidu->getSaveFile()) {
        web->load(url);
    } else {
        //如果是從本地加載網頁文件記得一定要手動設置這個本地路徑
        QString baseUrl = QString("%1/config/").arg(QUIHelper::appPath());
        web->load("", html, baseUrl);
    }
}

void frmMapCore::runJs(const QString &js)
{
    web->runJs(js);
}