什么是雪亮工程安防可视化管理?在城市级场景下,展示区域内安防监控总体情况,清晰的掌握各区域的设备资产数量级告警情况。同时提供视频墙功能,实现视频画面的自动轮播和视频关注区域的自动切换,为雪亮工程、天网工程、公安、社区管理等行业提供三维立体可视化管理工具。
雪亮工程安防三维立体可视化管理开发历程:
在线开发
在线编辑器支持自动拼写,输入一个字符(串),若存在该字符(串),则编辑器将出现所匹配的内容,点击选择所需代码,如下图所示:
编辑区域内右键可调出快捷工具菜单,按下鼠标右键,点击选择下图所示的工具:
快捷键操作如下表所示;
快捷键快捷键说明
Ctrl + F查找
Ctrl + H查找替换
Ctrl + [ 、 Ctrl + ]代码行缩进
Ctrl + C复制当前选中内容
Ctrl + X剪切当前选中内容
Ctrl + V在光标处插入剪贴板的内容,并替换任何所选内容,只有在剪切或复制了内容之后,才能使用此快捷键
Shift + Alt + F代码格式化
Alt + Up 、 Alt + Down上下移动一行
Alt + Shift + 鼠标左键多行编辑(列编辑)(鼠标右键更改所有匹配项)
Ctrl + Delete删除光标右侧的所有字
Ctrl + U回退上一个光标操作
Ctrl + K后Ctrl + 0折叠所有区域代码
Ctrl + K后Ctrl + J展开所有折叠区域代码
选中注释代码块 Ctrl+ /代码块注释
Home移动到行首
End移动到行尾
Ctrl + F12转到定义
Alt + F12速览定义
Shift + F12查找所有定义
Ctrl + End移动到文件结尾
Ctrl + Home移动到文件开头
Ctrl + Shift + Enter在当前行上方插入一行
编辑器内按下 F1 键,调出快捷功能列表,用户可按需选择下图所示的功能:
在线编辑器支持插入常用代码块,降低学习门槛。将鼠标移至菜单栏中“快捷代码”或者点击工具栏“快捷代码”图标(),将出现常用代码块,点击快捷代码按钮,则可在编辑器中插入对应功能的代码。
为方便用户开发,在线开发环境提供了资源引用的快捷入口。如引用“模板资源”步骤下:
点击工具栏“模型”图标()
在出现的模型资源面板中双击要引用的模型
编辑器区域快速插入相应代码
点击工具栏“执行项目”图标(),模型将出现在右侧3D容器内的场景中
其他资源引用操作详见 在线开发 - 菜单导航 - 资源管理
雪亮工程安防可视化楼层展开.js
/**
* 说明:楼层展开和恢复功能
* 操作:点击按钮和选择框
*/
var app = new THING.App({
url: 'https://www.thingjs.com/static/models/storehouse'
});
// 加载场景后执行
var building = null;
app.on('load', function (ev) {
building = ev.buildings[0];
new THING.widget.Button('楼层展开', test_expand);
new THING.widget.Button('楼层合并', test_unexpand);
});
// 水平展开或垂直展开(可尝试修改后运行看效果)
var isHorzMode = false;
// 展开楼层时是否隐藏天花板
var isHideRoof = true;
// 展开建筑楼层
function test_expand() {
// 在园区层级下 建筑内的楼层默认是隐藏的
// 因此 在园区层级下 展开楼层需设置该建筑下的楼层可见
building.floors.visible = true;
// 隐藏建筑的外立面
building.facades.visible = false;
building.expandFloors({
'time': 1000,
'distance': isHorzMode ? -30 : 10,
'horzMode': isHorzMode,
'hideRoof': isHideRoof,
'complete': function () {
console.log('expand complete ');
}
});
}
// 恢复建筑楼层
function test_unexpand() {
building.unexpandFloors({
'time': 500,
'complete': function () {
building.floors.visible = false;
building.facades.visible = true;
console.log('unexpand complete ');
}
});
}