一、实验背景
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
四、总结
安全防护系统应用的可视化管理形象直观，有利于提高工作效率，实现了数据的交互。
