一、实验背景

1、智慧小区工作需求

各类小区分布在城市的各个角落，多构成单个或多个独立的区域，而这使得小区的管理更加复杂和多变，给小区安防带来很大压力，技防手段越来越成为重点。

2、智慧小区工作现状

不同小区的环境不同，监管盲点较多，且内部结构相对松散，往往单靠人防很难实现全面而有效的防范和管理，利用智慧小区安全防护系统对小区生活实现政务高效、服务便捷、生活智能等目的，是一行之有效的措施。

3、可视化管理形象直观，有利于提高工作效率。

二、实验目标

智慧小区安全防护系统的可视化展现

三、实验步骤

1、创建一个可视化项目

首先新增一个可视化项目，在弹出的模板选择页面，选择一个 2D 项目模板下的“空白模板”作为本次项目可视化的基础模板，填写位于右侧的项目名称、项目描述后，点击“确定”完成可视化项目创建。

1-1

2、增加数据源模板

点击左侧菜单“数据管理”下“数据源模板”子菜单，右侧页面中，点击“创建数据源模板”，预先为界面展示距离的变化图表建立一个数据来源模板。配置从“OneNET Studio”抓取数据所需的必要信息。依次填写带“*”的所有项，点击“创建”按钮，耐心等待平台返回创建结果。效果如下图所示

2-1

3、编辑可视化页面及各个组件

1）添加常规图表中的平滑折线图，设置图表的数据来源

选择“数据绑定方式”为“数据源”，此时“数据源选择”下拉列表为“请选择”状态，点击“管理数据源”按钮，弹出“数据源管理”页面，选择步骤2创建的数据源模板distance

3-1

3-2

4、设置不使用数据过滤器

点击 “使用数据过滤器”前面的勾选框，去掉勾选，即不使用数据过滤器

4-1

设备地理位置可视化展现

5、新增一个数据源模板

点击左侧菜单“数据管理”下“数据源模板”子菜单，右侧页面中，点击“创建数据源模板”，预先为界面展示距离的变化图表建立一个数据来源模板，填入必要的信息，“名称”项填入“location”，“功能点”项，从现有设备中选择“地理位置”属性点。

5-1

6、为可视化视图添加地理位置组件

选择控件列表中的“地图”、“基础地图”控件放入页面中。

6-1

7、选择“数据绑定方式”为“数据源”，此时“数据源选择”下拉列表为“请选择”状态，点击“管理数据源”按钮，弹出“数据源管理”页面，选择步骤2创建的数据源模板location；

7-1

8、增加过滤代码，匹配地图控件的格式要求

8-1

8-2

9、所有可视化效果如下图所示：

9-1

四、总结

安全防护系统应用的可视化管理形象直观，有利于提高工作效率，实现了数据的交互。