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);
}