3D 场景组件

概述

3D 场景组件用三维视角展示地球、城市、工厂产线、智慧园区、医院院区、楼层剖面或外部模型。场景里的「内容」由热点和航线组成：热点有名称、数值、状态和位置，航线连接两个热点。热点可以手工添加，也可以绑定数据集，让数据一变屏上就跟着变。

功能入口

• 添加：左栏「资源库」>「基础组件」>「3D 场景」分组，预设有 3D 地球、3D 城市、3D 工厂产线、3D 智慧园区、3D 医院院区、3D 楼层剖面、3D 模型查看。
• 属性：选中组件 > 右栏「组件」>「内容设置」，分为「数据」「场景」「动效」「样式与布局」「配色」和「标题与文案」等段。
• 手工数据：「场景数据」里的「添加热点」或「编辑热点（N）」，以及「配置航线」或「编辑航线（N）」，打开「三维场景数据」对话框。

操作步骤

手工添加热点与航线

1. 选中 3D 场景，在「内容设置」>「数据」把「热点数据来源」保持为手工。
2. 点击「场景数据」下的「添加热点」，在「三维场景数据」对话框的「热点」页签点击「＋ 添加热点」，填名称、数值、状态，按预设填经度与纬度或平面坐标、楼层。
3. 至少有两个热点后，在「航线」页签点击「＋ 添加航线」，选起点与终点。起终点不在热点列表里的航线不会渲染。

用数据集驱动热点

1. 把「热点数据来源」切到「数据集」，选「数据集」，指定「名称字段」。
2. 按预设补充字段：
   • 「3D 地球」按经纬度落点，选「经度字段」「纬度字段」。
   • 「3D 智慧园区」「3D 医院院区」「3D 模型查看」，用「挂到哪栋楼」选一列建筑名，把热点贴到已建模的建筑上。
   • 「3D 智慧园区」「3D 医院院区」「3D 工厂产线」「3D 楼层剖面」「3D 城市」「3D 模型查看」可用「平面 X」「平面 Z」指定平面位置；不选时热点按行号排成网格，位置对不上。
   • 「3D 楼层剖面」，用「楼层字段」指明热点在第几层，不给则全部堆在当前高亮楼层。
3. 可选「数值字段」（显示在标签上）和「状态字段」（决定热点颜色）。状态取值会归一：「正常」「在线」归为正常；「预警」「告警」「异常」归为预警；「故障」「严重」归为告警（红色）；「离线」「停机」归为离线；认不出的当作「正常」。
4. 缺少必填字段时整条绑定不生效，画面仍显示手工热点，面板会提示还差什么。

属性/参数说明

场景与动效

数据

样式

示例

「院区设备态势」：拖入「3D 医院院区」，「热点数据来源」选「数据集」，数据集 设备态势 含 device（设备名）、building（所在楼栋）、state（正常/预警/故障/离线）、temp（数值）。「名称字段」选 device，「挂到哪栋楼」选 building，「状态字段」选 state，「数值字段」选 temp。预期：设备热点落在对应楼栋上，状态为「故障」的热点显示告警色（红色）。

注意事项

注意：没有热点时画面上只有底座，楼名、数值、状态都来自热点。

注意：3D 场景依赖 WebGL；性能不足的设备上打开「低配模式」。

提示：自检的「数据源接入」把 3D 场景也算作「该吃数据的组件」，热点全是手工时会被提示没接数据源。

相关文档

• 组件总览
• 数据接入
• 自检与快捷键
• 通用属性、动画与批量操作