一、前言

摄像机点位的功能主要是在图片地图和在线离线地图上设置对应摄像机的位置，然后双击可以实时预览对应摄像机的视频，在图片地图上拖动摄像机图标到对应位置，系统会自动保存位置信息，在网页地图上的摄像机位置，需要异步更新，比如先从右侧选择需要更新位置的摄像机，然后在地图上鼠标按下，会自动传回当前位置的经纬度信息，然后单击更新设备位置按钮即可，会自动js异步更新执行代码，更新完成以后会自动同步到另外的地图，比如在线地图更新了，离线地图也会自动更新。
在图片上移动位置保存这个功能很简单，但是在网页地图上，就需要用到js代码了，为此特意封装了一个js函数，专门负责添加设备点，总共10个参数，涵盖了各种情况，参数含义如下：

1. name 表示标注点名称 显示在图标旁边的文本 为空则不显示
2. addr 表示标注点地址
3. title 表示弹框信息html格式标题
4. tips 表示弹框信息html格式内容
5. width 表示弹框的宽度
6. point 表示经纬度坐标
7. action 表示单击以后触发什么动作 0-不处理 1-自己弹框 2-发送信号
8. animation 表示动画效果 0-不处理 1-跳动 2-坠落
9. iconfile 表示图标文件路径,不设置则采用默认图标,注意图片的尺寸
10. iconindex 表示图标对应在图片中的索引

二、功能特点

1. 支持多画面切换，全屏切换等，包括1+4+6+8+9+13+16+25+36+64画面切换。
2. 支持alt+enter全屏，esc退出全屏。
3. 自定义信息框+错误框+询问框+右下角提示框（包含多种格式）。
4. 17套皮肤样式随意更换，所有样式全部统一，包括菜单等。
5. 云台仪表盘鼠标移上去高亮，八个方位精准识别。
6. 底部画面工具栏（画面分割切换+截图声音等设置）移上去高亮。
7. 可在配置文件更改左上角logo+中文软件名称+英文软件名称。
8. 封装了百度地图，视图切换，运动轨迹，设备点位，鼠标按下获取经纬度等。
9. 支持图片地图，设备按钮可以在图片地图上自由拖动自动保存位置信息。
10. 在百度地图和图片地图上，双击视频可以预览摄像头实时视频。
11. 堆栈窗体，每个窗体都是个单独的qwidget，方便编写自己的代码。
12. 顶部鼠标右键菜单，可动态控制时间CPU+左上角面板+左下角面板+右上角面板+右下角面板的显示和隐藏，支持恢复默认布局。
13. 工具栏可以放置多个小图标和关闭图标。
14. 左侧右侧可拖动拉伸，并自动记忆宽高位置，重启后恢复。
15. 双击摄像机节点自动播放视频，双击节点自动依次添加视频，会自动跳到下一个，双击父节点自动添加该节点下的所有视频。
16. 摄像机节点拖曳到对应窗体播放视频，同时支持拖曳本地文件直接播放。
17. 视频画面窗体支持拖曳交换，瞬间响应。
18. 双击节点+拖曳节点+拖曳窗体交换位置，均自动更新url.txt。
19. 支持从url.txt中加载通道视频播放，自动记忆最后通道对应的视频，软件启动后自动打开播放。
20. 右下角音量条控件，失去焦点自动隐藏，音量条带静音图标。
21. 集成百度在线地图和离线地图，可以添加设备对应位置，自动生成地图，支持缩放和添加覆盖物等。
22. 视频拖动到通道窗体外自动删除视频。
23. 鼠标右键可删除当前+所有视频，截图当前+所有视频。
24. 录像机管理、摄像机管理，可添加删除修改导入导出打印信息，立即应用新的设备信息生成树状列表，不需重启。
25. 在pro文件中可以自由开启是否加载地图。
26. 视频播放可选2种内核自由切换，vlc+ffmpeg，均可在pro中设置。
27. 可设置1+4+9+16画面轮询，可设置轮询间隔以及轮询码流类型等，直接在主界面底部工具栏右侧单击启动轮询按钮即可，再次单击停止轮询。
28. 默认超过10秒钟未操作自动隐藏鼠标指针。
29. 支持onvif搜素设备，支持任意onvif摄像机，包括但不限于海康大华宇视天地伟业华为等。
30. 支持onvif云台控制，可上下左右移动云台摄像机，包括复位和焦距调整等。
31. 同时支持sqlite、mysql、postsql等数据库。
32. 可保存视频，可选定时存储或者单文件存储，可选存储间隔时间。
33. 可设置视频流通信方式tcp+udp，可设置视频解码是速度优先、质量优先、均衡等。
34. 可设置硬解码类型，支持qsv、dxva2、d3d11va等。
35. 默认采用opengl绘制视频，超低的CPU资源占用，支持yuyv和nv12两种格式绘制，很牛逼。
36. 高度可定制化，用户可以很方便的在此基础上衍生自己的功能，支持linux和mac系统。

三、效果图

四、核心代码

void MapBaiDu::addMarker(QStringList &list)
{
    //动态添加点
    //name      表示标注点名称 显示在图标旁边的文本 为空则不显示
    //addr      表示标注点地址
    //title     表示弹框信息html格式标题
    //tips      表示弹框信息html格式内容
    //width     表示弹框的宽度
    //point     表示经纬度坐标
    //action    表示单击以后触发什么动作 0-不处理 1-自己弹框 2-发送信号
    //animation 表示动画效果 0-不处理 1-跳动 2-坠落
    //iconfile  表示图标文件路径,不设置则采用默认图标,注意图片的尺寸
    //iconindex 表示图标对应在图片中的索引
    list << QString("  function addMarker(name, addr, title, tips, width, point, action, animation, iconfile, iconindex) {");
    list << QString("    var list = point.split(',');");
    //设置点经纬度坐标
    list << QString("    var pot = new BMap.Point(list[0], list[1]);");
    //设置文本文字 offset为对应标签显示的位置偏移值
    list << QString("    var label = new BMap.Label(name, {\"offset\":new BMap.Size(20, -10)});");

    //设置图标,不设置则采用默认图标
    list << QString("    if (!iconfile) {");
    list << QString("      var marker = new BMap.Marker(pot);");
    list << QString("    } else if (iconfile == 'http://lbsyun.baidu.com/jsdemo/img/fox.gif') {");
    list << QString("      var icon = new BMap.Icon(iconfile, new BMap.Size(300, 157));");
    list << QString("      var marker = new BMap.Marker(pot, {icon: icon});");
    list << QString("    } else if (iconfile == 'http://api.map.baidu.com/img/markers.png') {");
    list << QString("      var icon = new BMap.Icon(iconfile, new BMap.Size(23, 25), {offset: new BMap.Size(10, 25), imageOffset: new BMap.Size(0, 0 - iconindex * 25)});");
    list << QString("      var marker = new BMap.Marker(pot, {icon: icon});");
    list << QString("    } else {");
    list << QString("      var icon = new BMap.Icon(iconfile, new BMap.Size(53, 52));");
    list << QString("      var marker = new BMap.Marker(pot, {icon: icon});");
    list << QString("    }");

    list << QString("    map.addOverlay(marker);");
    list << QString("    if (name != '') {");
    list << QString("      marker.setLabel(label);");
    list << QString("    }");
    list << QString("    addClick(marker, name, addr, title, tips, width, action);");

    //弹跳效果-BMAP_ANIMATION_BOUNCE 坠落效果-BMAP_ANIMATION_DROP
    list << QString("    if (animation == 1) {");
    list << QString("      marker.setAnimation(BMAP_ANIMATION_BOUNCE);");
    list << QString("    } else if (animation == 2) {");
    list << QString("      marker.setAnimation(BMAP_ANIMATION_DROP);");
    list << QString("    }");

    list << QString("  }");
}

void MapBaiDu::deleteMarker(QStringList &list)
{
    //动态删除点,如果name为空则删除所有
    list << QString("  function deleteMarker(name) {");
    list << QString("    var allOverlay = map.getOverlays();");
    list << QString("    var len = allOverlay.length;");
    list << QString("    for (var i = 0; i < len; i++) {");
    list << QString("      if (name.length == 0) {");
    list << QString("        map.removeOverlay(allOverlay[i]);");
    list << QString("      } else if (allOverlay[i].getLabel().content == name) {");
    list << QString("        map.removeOverlay(allOverlay[i]);");
    list << QString("        break;");
    list << QString("      }");
    list << QString("    }");
    list << QString("  }");
}