(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202210382796.6 (22)申请日 2022.04.08 (71)申请人 上海迈内能源科技有限公司 地址 200241 上海市闵行区东川路5 55号乙 楼3070室 (72)发明人 孙柳　刘丰　叶峰　程芳　 (74)专利代理 机构 上海恒慧知识产权代理事务 所(特殊普通 合伙) 31317 专利代理师 张宁展 (51)Int.Cl. G06F 9/451(2018.01) G06T 17/00(2006.01) G06T 19/20(2011.01) (54)发明名称 网页3D模型顶牌展示方法、 系统、 终端及存 储介质 (57)摘要 本发明提供了一种网页3D模型顶牌展示方 法及系统， 包括： 根据项目实际部署中设备和感 知终端的关系引入各自的自定义属性， 构建具有 对应关系的设备和感知终端模型， 并制定顶牌； 对设备和感知终端模型进行台账配置； 根据配置 的台账， 将感知终端监测数据、 设备模型和感知 终端模型进行绑定， 将顶牌与感知终端模型进行 绑定； 在HTML结构上引入设备和感知终端模型， 并获取自定义属性； 根据设定的规则初始化系列 参数， 通过台账绑定的数据源， 动态刷新顶牌的 数据， 完成对设备的网页3D模型顶牌展示。 本发 明提高了顶 牌的灵活性、 增加了可视化的生动性 和顶牌的多变性、 增加了便利性， 可以灵活应用 到不同设备不同站点 不同检测数据的展示中。 权利要求书2页 说明书8页 附图1页 CN 114780188 A 2022.07.22 CN 114780188 A 1.一种网页3D模型顶牌展示方法， 其特 征在于， 包括： 搭建3D模型场景， 根据项目实际部署中设备和感知终端的关系引入各自的自定义属 性， 构建得到具有对应关系的设备模型和感知终端模型， 并制 定与所述感知终端模型连接 的顶牌； 对所述设备模型和所述感知终端模型进行台账配置， 使得所述台账的配置信 息与所述 自定义属性一一关联； 根据配置的台账， 将感知终端监测数据、 所述设备模型和所述感知终 端模型进行绑定， 将所述顶牌与所述感知终端模型进行绑定； 在HTML结构上引入所述设备模型和所述感知终端模型， 并获取所述设备模型和所述感 知终端模型 的自定义属 性； 根据设定的规则初始化配置的所有属 性， 通过台账绑定的数据 源， 动态刷新所述顶牌的感知终端监测数据， 完成对设备的网页3D模型顶牌展示。 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.根据权利要求3所述的网页3D模型顶牌展示方法， 其特征在于， 所述顶牌的数量与所 述感知终端模型 的数量一致； 当所述顶牌为多个时， 多个顶牌连接于位于所述设备模型内 部不同位置上的感知终端模型上， 并根据自定义属性可视化配置每一个所述顶牌与所述感 知终端模型之间的连接线长度以及观察角度。 5.根据权利要求1所述的网页3D模型顶牌展示方法， 其特征在于， 所述对所述3D模型场 景进行台账配置， 使得 所述台账的配置信息与所述自定义属性 一一关联， 包括： 对于所述设备模型台账， 绑定所述设备模型的UserID属性， 并以坐标的形式设置3D观 察点； 对于所述感知终端模型台账， 绑定所述感知终端模型 上的UserID属性； 根据绑定的UserID属性， 实现所述台账的配置信息与其 他自定义属性 一一关联。 6.根据权利 要求5所述的网页3D模型顶牌展示方法， 其特征在于， 所述3D观察点， 包括： 俯视角度、 右视角度和半径倍数角度。 7.根据权利 要求1所述的网页3D模型顶牌展示方法， 其特征在于， 所述在HTML结构上引 入所述设备模型和所述感知终端模型， 并获取所述设备模型和所述感知终端模型的自定义权　利　要　求　书 1/2 页 2 CN 114780188 A 2属性， 包括： 在HTML结构上采用iframe标签引入所述设备模型和所述感知终端模型， 使得所述设备 模型和所述感知终端模型能够 在web页面上进行展示； 对所述设备模型和所述感知终端模型的自定义属性UserID进行读取； 所述通过台账绑定的数据源， 动态刷新所述顶牌的感知终端监测数据， 包括： 所述顶牌采用遍历的方式轮巡所述台账绑定的数据源， 继而对所述顶牌的数据进行动 态刷新。 8.一种网页3D模型顶牌展示系统， 其特 征在于， 包括： 模型搭建模块， 该模块搭建3D模型场景， 根据项目实际部署中设备和感知终端的关系 引入各自的自定义属 性， 构建得到具有对应关系的设备模型和感知终端模型， 并制 定与所 述感知终端模型 连接的顶牌； 台账配置模块， 该模块对所述设备模型和所述感知终端模型进行台账配置， 使得所述 台账的配置信息与所述自定义属性一一关联； 根据配置的台账， 将感知终端监测数据、 所述 设备模型和所述感知终端模型进行绑定， 将所述顶牌与所述感知终端模型进行绑定； 界面展示模块， 该模块在HTML结构上引入所述设备模型和所述感知终端模型， 并获取 所述设备模型和所述感知终端模型的自定义属性； 根据设定的规则初始化配置的所有属 性， 通过台账绑定的数据源， 动态刷新所述顶 牌的感知终端监测数据， 完成对设备的网页3D 模型顶牌展示。 9.一种终端， 包括存储器、 处理器及存储在存储器上并可在处理器上运行的计算机程 序， 其特征在于， 所述处理器执行所述程序时可用于执行权利要求1 ‑7中任一项所述的方 法， 或， 运行权利要求8所述的系统。 10.一种计算机可读存储介质， 其上存储有计算机程序， 其特征在于， 该程序被处理器 执行时可用于执 行权利要求1 ‑7中任一项所述的方法， 或， 运行权利要求8所述的系统。权　利　要　求　书 2/2 页 3 CN 114780188 A 3