雪亮工程安防可视化实现的方法是什么

什么是雪亮工程安防可视化管理?在城市级场景下,展示区域内安防监控总体情况,清晰的掌握各区域的设备资产数量级告警情况。同时提供视频墙功能,实现视频画面的自动轮播和视频关注区域的自动切换,为雪亮工程、天网工程、公安、社区管理等行业提供三维立体可视化管理工具。

雪亮工程安防三维立体可视化管理开发历程:

在线开发

在线编辑器支持自动拼写,输入一个字符(串),若存在该字符(串),则编辑器将出现所匹配的内容,点击选择所需代码,如下图所示:

雪亮工程安防可视化实现的方法是什么

编辑区域内右键可调出快捷工具菜单,按下鼠标右键,点击选择下图所示的工具:

雪亮工程安防可视化实现的方法是什么

快捷键操作如下表所示;

快捷键快捷键说明

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

        }

    });

}