[发明专利]网页3D模型顶牌展示方法、系统、终端及存储介质

说明书

本发明提供了一种网页3D模型顶牌展示方法及系统，包括：根据项目实际部署中设备和感知终端的关系引入各自的自定义属性，构建具有对应关系的设备和感知终端模型，并制定顶牌；对设备和感知终端模型进行台账配置；根据配置的台账，将感知终端监测数据、设备模型和感知终端模型进行绑定，将顶牌与感知终端模型进行绑定；在HTML结构上引入设备和感知终端模型，并获取自定义属性；根据设定的规则初始化系列参数，通过台账绑定的数据源，动态刷新顶牌的数据，完成对设备的网页3D模型顶牌展示。本发明提高了顶牌的灵活性、增加了可视化的生动性和顶牌的多变性、增加了便利性，可以灵活应用到不同设备不同站点不同检测数据的展示中。

技术领域

本发明涉及大数据可视化技术领域，具体地，涉及一种网页3D模型顶牌展示方法、系统、终端及存储介质。

背景技术

在大数据可视化的展示中，常常为了可以更有效更直观地展示设备的数据和状态，通常会采用3D数字模型来进行数据状态的展示和交互，例如，在电力设备监测中，通过电力设备3D模型来映射现实世界的物体。

电力设备是电力系统中的各类输电、变电、配电设备，感知终端是采集监测电力设备的各类传感器。在物联网数字化大建设的背景下，网页端通过电力设备3D模型来映射现实世界的物体，并把感知终端采集的数据用可视化的效果关联和展示在界面上。其中，监测数据定制化的显示载体称之为顶牌，顶牌再通过连接线来关联到3D模型上。

现有的引擎技术，只支持常规固定式展示顶牌，顶牌一般支持固定坐标、物体跟随两种模式。顶牌样式采用的是HTML与CSS来进行定制。

现有的将顶牌关联到3D模型的方法，通常采用thingjs(物联网3D可视化开发平台)中的UIAnchor组件实现。但是改内置界面的样式过于死板，不能在项目中进行灵活应用以及多样化配置。另外，如果一个3D模型配置了多个顶牌时，一般就会采用固定坐标模式，此时顶牌就出现了相互遮盖的情况，并且随着模型的缩放旋转等交互操作；如果不选择固定坐标模式，则会导致顶牌位置随意漂移的现象发生，顶牌因为引擎自身缺陷而偏离既定位置；基于以上问题，进而导致其显示效果较差，严重影响到用户的体验效果。

发明内容

本发明针对现有技术中存在的上述不足，提供了一种网页3D模型顶牌展示方法、系统、终端及存储介质。

根据本发明的一个方面，提供了一种网页3D模型顶牌展示方法，包括：

搭建3D模型场景，根据项目实际部署中设备和感知终端的关系引入各自的自定义属性，构建得到具有对应关系的设备模型和感知终端模型，并制定与所述感知终端模型连接的顶牌；

根据设定的规则与要求对设备模型和感知终端模型进行自定义属性的命名，对所述设备模型和所述感知终端模型进行台账配置，使得所述台账的配置信息与所述自定义属性一一关联；根据配置的台账，将感知终端监测数据、所述设备模型和所述感知终端模型进行绑定，将所述顶牌与所述感知终端模型进行绑定；

在HTML结构上引入所述设备模型和所述感知终端模型，并获取所述设备模型和所述感知终端模型的自定义属性；根据约定的规则去初始化自定义属性，通过台账所绑定的数据源，对顶牌的数据进行动态的刷新。

优选地，所述根据项目实际部署中设备和感知终端的关系引入各自的自定义属性，包括：

对于设备和感知终端，设置UserID属性；其中：

所述UserID属性，作为设备和感知终端的唯一标识，用于后期台账配置以及感知终端parent自定义属性的捆绑；

对于感知终端，增加parent和type两个自定义属性；其中：

所述parent属性，其值为感知终端监测对象的UserID，用于定义感知终端监测对象；

所述type属性，其值为sensor，用于指定该感知终端模型的传感器类型；