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

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

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

在线开发

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

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

快捷键操作如下表所示；

快捷键快捷键说明

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

        }

    });

}