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

权利要求书

1.一种网页3D模型顶牌展示方法，其特征在于，包括：

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

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

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

2.根据权利要求1所述的网页3D模型顶牌展示方法，其特征在于，所述根据项目实际部署中设备和感知终端的关系引入各自的自定义属性，包括：

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

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

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

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

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

对于感知终端，还设置mark-angle和mark-length两个自定义属性；其中：

所述mark-angle属性，用于设置顶牌与感知终端模型之间的连接线角度；

所述mark-length属性，用于设置连接线的长度；

对后端传来的感知终端监测数据进行格式化封装，并使用HTML和CSS根据项目实际需求对顶牌整体形式进行制定。

3.根据权利要求1所述的网页3D模型顶牌展示方法，其特征在于，所述感知终端模型配置于所述设备模型的内部。

4.根据权利要求2所述的网页3D模型顶牌展示方法，其特征在于，所述顶牌的数量与所述感知终端模型的数量一致；当所述顶牌为多个时，多个顶牌连接于位于所述设备模型内部不同位置上的感知终端模型上，并根据自定义属性可视化配置每一个所述顶牌与所述感知终端模型之间的连接线长度以及观察角度。

5.根据权利要求2所述的网页3D模型顶牌展示方法，其特征在于，所述对所述3D模型场景进行台账配置，使得所述台账的配置信息与所述自定义属性一一关联，包括：

对于所述设备模型台账，绑定所述设备模型的UserID属性，并以坐标的形式设置3D观察点；

对于所述感知终端模型台账，绑定所述感知终端模型上的UserID属性；

根据绑定的UserID属性，实现所述台账的配置信息与其他自定义属性一一关联。

6.根据权利要求5所述的网页3D模型顶牌展示方法，其特征在于，所述3D观察点，包括：俯视角度、右视角度和半径倍数角度。

7.根据权利要求2所述的网页3D模型顶牌展示方法，其特征在于，所述在HTML结构上引入所述设备模型和所述感知终端模型，并获取所述设备模型和所述感知终端模型的自定义属性，包括：

在HTML结构上采用iframe标签引入所述设备模型和所述感知终端模型，使得所述设备模型和所述感知终端模型能够在web页面上进行展示；

对所述设备模型和所述感知终端模型的自定义属性UserID进行读取；

所述通过台账绑定的数据源，动态刷新所述顶牌的感知终端监测数据，包括：

所述顶牌采用遍历的方式轮巡所述台账绑定的数据源，继而对所述顶牌的数据进行动态刷新。