摄像机点位的功能主要是在图片地图和在线离线地图上设置对应摄像机的位置,然后双击可以实时预览对应摄像机的视频,在图片地图上拖动摄像机图标到对应位置,系统会自动保存位置信息,在网页地图上的摄像机位置,需要异步更新,比如先从右侧选择需要更新位置的摄像机,然后在地图上鼠标按下,会自动传回当前位置的经纬度信息,然后单击更新设备位置按钮即可,会自动js异步更新执行代码,更新完成以后会自动同步到另外的地图,比如在线地图更新了,离线地图也会自动更新。
在图片上移动位置保存这个功能很简单,但是在网页地图上,就需要用到js代码了,为此特意封装了一个js函数,专门负责添加设备点,总共10个参数,涵盖了各种情况,参数含义如下:
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(" }");
}
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。