实战:用 GoMagicWall 做魔墙/树形图/数字地球大屏
- 理解 GoMagicWall 三种形态(Basic 魔墙/Tree 树形图/Globe 数字地球)各自的用途和适合场景
- 学会通过 Web 后台管理内容(上传图片/配置节点/设置地球点位)
- 在大屏上完成 GoMagicWall 应用的部署,验证触摸交互可用
- 掌握分辨率配置和性能注意事项,避免大屏展示卡顿
- 拿到一张"GoMagicWall 联调故障排查表",能现场快速定位问题
| 器材 | 数量 | 参考 |
|---|---|---|
| 大屏/拼接屏(可触摸) | 1 | — |
| GoMagicWall(魔墙/树形图/数字地球) | 1 | — |
| (可选)Web 后台 | 1 | — |
价格随渠道波动,以购买页实时为准。
展厅大屏通常有两种命运:一种一直循环播视频,久了参观者扫一眼就过去了;另一种参观者走上去就不想走——因为它会响应人的触摸,点一张照片能放大看细节,点一个节点能展开整个部门,点一个地图小圆点能看到那个城市的项目信息。
GoMagicWall 做的就是第二种。它是三种互动大屏形态的合集:Basic(魔墙/照片墙)让图片内容可点击可展开;Tree(树形图)让组织架构和层级关系在大屏上可以交互展开/收起;Globe(3D 数字地球)让地理分布数据变成可旋转、可点击的三维大屏。
这一节把三种形态都过一遍,让你知道每种该怎么配内容、怎么部署,遇到分辨率和性能问题如何处理。
R2 动手实战内容。GoMagicWall 安装方式、后台端口、分辨率配置参数等以你拿到的软件版本和部署文档为准;下文的操作步骤为通用逻辑,具体界面以实际版本为准。授权差异(Basic/Standard/Enterprise)影响可用功能,操作前确认你的授权级别。
器材清单(BOM)
| 名称 | 数量 | 说明 |
|---|---|---|
| 大屏 / 拼接屏(可触摸) | 1 | 建议 55寸以上;触摸交互需支持10点以上多点触摸 |
| GoMagicWall(魔墙/树形图/数字地球) | 1 套 | 大屏端 App + Web 管理后台 |
| 局域网网线 / Wi-Fi | 1 | 大屏端需能访问到后台服务 |
| 中控电脑 / 服务器 | 1 | 跑 Web 管理后台;可与大屏同机 |
GoMagicWall 的三种形态(Basic/Tree/Globe)属于同一套件内的不同展示模式,通过后台配置切换,不需要分别安装三个应用(以实际版本为准)。
三种形态各自是什么、用在哪
弄清楚这三种形态的区别,是你给甲方出方案时的核心工作。
Basic:魔墙 / 照片墙 / 成果墙
是什么:一块大屏展示大量图片,图片以网格或瀑布流形式排列,参观者触摸某一张图片放大查看,放大后可以显示标题、说明文字。图片动态滚动,有流动的视觉吸引力。
适合什么:
- 企业荣誉墙、产品成果展示墙
- 活动照片汇聚(党建活动留影、志愿者活动照片墙)
- 展会作品展示(一墙展示参展作品缩略图,点击看大图)
- 签到系统联动:参观者签到后上传照片,实时出现在魔墙上(如果 GoMagicWall 支持签到联动,以实际功能为准)
核心体验:图片多、会动、点了有反馈,看起来"满"和"热闹"。
Tree:树形图 / 组织架构大屏
是什么:以树状图的形式展示层级数据,根节点 → 二级节点 → 三级节点逐级展开。参观者触摸某个节点可以展开子节点,也可以收起。节点上显示名称、职位、照片或图标(以实际版本支持的节点内容类型为准)。
适合什么:
- 企业/机构组织架构展示(领导班子/部门架构)
- 产业链关系展示(某产业的上下游链条)
- 项目结构可视化(大型项目的子项目层级关系)
- 课程/知识体系大图(学科知识树,点击节点展开子主题)
核心体验:层级关系清晰、可展开探索、信息密度高且不乱。
Globe:3D 数字地球
是什么:一个可旋转的三维地球模型,在地球表面的特定经纬度位置打点(圆点或图标),参观者触摸旋转地球、点击某个点位查看该地点的项目/机构/数据信息。
适合什么:
- 企业全球/全国布局可视化(每个城市/国家的分支机构或项目)
- 工程项目分布图(已竣工/在建项目标注在地球上)
- 国际合作/贸易伙伴分布
- 科研机构合作网络
核心体验:3D 视觉冲击强,让"我们在全球有布局"这句话有了直观的视觉表达,点击某个点位能看到那里的具体信息,互动性强。
三种形态选哪种,和甲方的"数据类型"直接对应:有大量图片素材 → Basic 魔墙;有层级结构数据(人/部门/项目的上下级关系) → Tree 树形图;有地理分布数据(哪些城市/国家有布局) → Globe 数字地球。别被形态名称迷惑,抓住甲方要展示的数据类型来选。
第一步:后台服务部署
和 ExhibitionSuite 系列一样,GoMagicWall 也是后台服务 + 大屏端 App 分开部署的架构。
- 在中控电脑或服务器上,按 GoMagicWall 提供的部署说明运行后台服务。
- 在局域网内用浏览器访问后台管理地址(地址格式和端口以软件版本为准),登录。
- 在后台新建一个"展示项目",选择你要做的展示模式(Basic/Tree/Globe)。
你应该看到什么
浏览器打开后出现 GoMagicWall 管理后台登录界面,登录后能看到已有项目列表和新建项目按钮。如果浏览器打不开,先确认后台服务进程在运行,再检查防火墙端口设置。
第二步:配置 Basic 魔墙内容
如果你要做魔墙/照片墙,主要工作是上传图片 + 配图片信息。
内容配置步骤:
- 进入 Basic 模式项目,在后台的图片管理模块批量上传图片素材。
- 给每张图片填写标题和说明文字(参观者点击放大后显示的文字)。
- 配置布局样式:网格间距、图片展示列数、滚动速度(以实际配置项为准)。
- 设置点击行为:点击放大并显示详情,还是点击弹出视频,以支持的交互类型为准。
图片素材规格建议:
- 所有图片统一裁成相同宽高比(魔墙网格效果统一才好看),不然网格会参差不齐。
- 单张图片文件大小控制在合理范围(以后台说明为准),图太大会导致初次加载慢,大屏端加载时白屏时间长,影响体验。
- 如果展示的是活动照片,提前做好隐私处理(有些甲方不允许公开展示参观者的正脸照片,提前确认)。
第三步:配置 Tree 树形图内容
树形图的内容是节点和节点之间的父子关系数据。
内容配置步骤:
- 在后台创建树形图项目,从根节点开始录入数据。根节点通常是"公司名称"或"总负责人"。
- 逐级添加子节点:每个节点填名称、职位/描述、可选上传头像或图标。
- 定义哪些层级默认展开、哪些默认收起(以实际配置项为准)。一般展到第二级,更深的层级由参观者自己点击展开。
- 配置节点样式:颜色、字体大小、连接线样式(以实际配置项为准)。
树形图的数据整理技巧:
- 让甲方先提供一份 Excel 格式的组织架构表(三列:节点名称 / 上级节点名称 / 职位说明),比让甲方在系统里一个个录入省时间得多,你来批量导入(以后台是否支持导入为准)。
- 节点总量超过一定数量时,大屏上会显示拥挤(节点小到看不清)。建议默认展示状态不超过三层,更深的层级靠用户点击展开,以实际渲染效果为准。
树形图最常见的返工原因:甲方提供的组织架构数据在项目进行中调整了。建议在后台录入前先让甲方书面确认这版数据是最终版,或者保留后台导入的 Excel 源文件,下次调整直接改 Excel 重新导入,比在系统里逐个改节点快。
第四步:配置 Globe 数字地球内容
Globe 的内容是地理点位数据:每个点位有经纬度坐标、名称、说明文字、可选图片。
内容配置步骤:
- 在后台创建 Globe 项目。
- 逐个添加点位:填写地点名称、经纬度(需要精确坐标,可以用地图工具查询)、说明文字,可选上传该点位的展示图片。
- 设置地球初始角度(从哪个视角开始展示),一般以中国为中心(以配置项为准)。
- 配置点位的视觉样式:点位颜色(按业务状态分色,如"在建"橙色/"已竣工"绿色)、点位大小、点击弹出信息框的样式(以实际版本为准)。
经纬度精度说明:
经纬度坐标需要合理精度——精确到小数点后两位对于在地球仪上标点已经足够,不需要精确到6位。常见的坐标查询方式:百度地图、高德地图搜索地名后查坐标,以地图平台提供的坐标系为准,注意 Google Maps 坐标系(WGS84)和国内高德/百度地图坐标系有偏差,如果软件底图用的是国内坐标系,经纬度数据也用国内坐标系来源。以 GoMagicWall 底图坐标系文档为准。
Globe 最吸引眼球的一个效果是"自动慢速旋转 + 飞线":地球缓慢自转,几个主要点位之间有光线飞过的弧线,代表数据流/合作连接。这种飞线效果如果 GoMagicWall 的你这个版本支持,在后台飞线配置里加起来,视觉冲击力翻倍。以实际功能是否支持为准。
第五步:在大屏上安装并启动 GoMagicWall
- 按 GoMagicWall 提供的安装包说明,在大屏设备上安装 GoMagicWall 大屏端应用(安装方式和路径以软件版本文档为准)。
- 打开应用后,填入后台服务的局域网地址。
- 激活授权(按授权文档操作)。
- 选择展示项目,全屏启动。
你应该看到什么
Basic 魔墙:大屏全屏显示图片墙,图片阵列缓慢流动,画面充实。用手指点击一张图片,该图放大居中,显示标题和说明文字,旁边其他图片适当淡出。再次点击空白处或关闭按钮,恢复魔墙状态。
Tree 树形图:大屏中央显示树形结构,根节点和已展开的层级清晰可见,连接线流畅。用手指点击一个有子节点的节点,子节点展开,动画流畅。再次点击收起。用两指在屏幕上捏合/展开(如果支持缩放手势)可以整体缩放树形图。
Globe 数字地球:大屏显示旋转的 3D 地球,各点位发光标注清晰。用手指拖动旋转地球,地球跟随手势转动流畅。点击某个点位,弹出该地点的信息卡片(名称、说明、图片)。
分辨率与性能注意事项
GoMagicWall 是视觉密集型应用,大屏分辨率和设备性能是影响展示效果的核心因素。
分辨率配置
- 在 GoMagicWall 大屏端设置里,把分辨率设置为与大屏物理分辨率一致(以配置项为准)。分辨率设低了大屏看着模糊;设高了设备跑不动。找到匹配的那个值,别随意默认。
- 拼接屏的情况更复杂:如果是2块4K屏拼成一个8K宽屏,需要确认 GoMagicWall 支持跨屏拼接模式,以软件说明为准。
性能配置建议
| 形态 | 性能关注点 | 建议 |
|---|---|---|
| Basic 魔墙 | 图片数量×图片体积 | 控制单张图片大小;图片总量按后台说明的建议量来,不要无限堆图 |
| Tree 树形图 | 节点总数×连接线渲染 | 超过一定节点数时渲染压力大,实测为准;默认折叠深层节点减少初始渲染量 |
| Globe 3D 数字地球 | 3D 渲染 + 纹理贴图 | 需要有独立显卡的设备;集显设备运行 Globe 可能卡顿,方案阶段要确认大屏主机显卡规格 |
GoMagicWall Globe 模式对大屏主机的 GPU 有明确需求。在方案阶段确认大屏主机的显卡规格是否满足,而不是设备进场后才测试发现卡顿——那时换主机会大幅增加成本和工期。与 GoMagicWall 技术支持确认你选的主机配置是否满足要求。
触摸交互调试要点
GoMagicWall 依赖触摸输入,大屏触摸交互的几个常见坑:
- 触摸驱动安装:触摸一体机的触摸功能需要正确安装驱动(Windows 或其他系统)。如果大屏端 App 对触摸没有响应(鼠标点击有响应但手指没有),检查触摸驱动是否安装并生效。
- 触摸校准:触摸点和显示点位有偏移时,进行触摸校准(在 Windows 系统的平板电脑设置里,或触摸屏厂商提供的校准工具里操作,以设备为准)。偏移大的情况下,用户点一个节点但触发的是旁边的节点,体验很差。
- 多点触控:Globe 的旋转手势和 Tree 的缩放手势需要多点触控,确认大屏触摸支持≥2点同时识别(一般触摸一体机标配10点以上,以设备规格为准)。
和中控联动
GoMagicWall 大屏一般接在展厅中控系统里,常见联动场景:
- 讲解员一键开启大屏:讲解员在 SoftControl 里按"互动大屏开启",中控发指令把大屏主机唤醒、打开 GoMagicWall App。
- 自动吸引屏:展厅无人时 GoMagicWall 进入自动演示模式(地球自转、图片自动滚动),有人靠近(PIR 传感器触发中控)时恢复交互模式,参考传感器互动实战。
- 场景切换:讲解到"全球布局"这个主题时,中控把该大屏切到 Globe 模式,讲完切回 Basic 魔墙;以 GoMagicWall 是否提供中控接口(如 TCP 指令或 REST API)为准,或者通过中控控制大屏主机的应用切换来实现。
如果 GoMagicWall 本身提供了控制接口(TCP 命令或 HTTP API),在中控软件里对接起来,能实现"讲解到哪个章节、大屏自动切到对应内容"的效果。这是"展示型大屏"和"互动大屏"之间的质变,值得在方案阶段和甲方聊清楚是否需要。
故障排查表
| 现象 | 最可能的原因 | 怎么排查 |
|---|---|---|
| 大屏端启动后空白页 / 无内容 | 后台服务未启动 / IP 填错 / 项目未发布 | 确认后台进程在跑;核对大屏端填入的后台 IP 和端口;进后台确认项目状态已发布 |
| 魔墙图片不显示或缺图 | 图片上传不完整 / 文件格式不支持 | 进后台重新检查图片列表;确认文件格式;缺失的图片重新上传 |
| 魔墙图片显示比例拉伸 | 图片原始宽高比不统一 | 统一裁切所有图片为相同宽高比后重新上传 |
| 树形图展开后节点重叠 / 超出屏幕 | 节点过多 / 字体过大 | 精简展示层数,深层折叠;调小节点字体和间距,以实际配置项为准 |
| Globe 严重卡顿 | 大屏主机 GPU 性能不足 | 检查显卡规格;降低贴图质量配置(以软件设置为准);更换有独显的主机 |
| 触摸点击没有响应 | 触摸驱动未安装 / 触摸校准偏移 | 安装/重装触摸驱动;进行触摸校准 |
| Globe 点位位置偏差大 | 坐标系不匹配(WGS84 vs 国内坐标系) | 确认 GoMagicWall 底图坐标系;用对应坐标系来源的经纬度数据 |
| 大屏端断开后台连接后内容消失 | 大屏端需持续连接后台 | 确保大屏端设备局域网连接稳定;检查网络交换机和网线 |
| Globe 飞线不显示 | 授权级别不支持 / 飞线未配置 | 确认授权级别是否支持飞线功能;在后台飞线配置里完成设置 |
三种形态的方案对比速查
| 对比维度 | Basic 魔墙 | Tree 树形图 | Globe 数字地球 |
|---|---|---|---|
| 核心数据类型 | 图片 + 说明文字 | 层级/父子关系数据 | 地理坐标点位数据 |
| 参观者感受 | 热闹、图多、互动轻松 | 结构清晰、可探索层级 | 震撼、空间感强 |
| 内容制作工作量 | 中等(主要是图片规格统一) | 中等(整理层级数据) | 中等(整理坐标数据) |
| 对设备硬件要求 | 中等 | 中等 | 高(需要独立显卡) |
| 典型适用场景 | 荣誉墙、活动照片、作品展 | 组织架构、产业链、知识树 | 全球/全国布局、项目分布 |
| 能否混合同一屏 | 取决于版本功能,以软件为准 | - | - |
学会之后你能做出什么——效果与应用场景
回到开头那个画面:参观者走上去点一张照片、展开一个部门、戳一个地图圆点——现在你已经知道,这三种"不想走"的互动大屏,分别对应 GoMagicWall 的三种形态。把展厅里常想要的大屏效果拆开看,每一种都能落到你前面配过的图片 / 节点 / 点位上:
| 甲方想要的效果 | 用 GoMagicWall 怎么落地 |
|---|---|
| 可点开看细节的照片墙 / 荣誉墙 / 成果墙 | Basic 模式:图片统一宽高比批量上传、配好标题说明,点击放大显示详情,画面缓慢流动"撑满热闹" |
| 能展开收起的组织架构 / 产业链 / 知识树大图 | Tree 模式:按父子关系录节点,默认展两层,更深的层级留给参观者自己点开 |
| 可旋转、可点的全球 / 全国布局大屏 | Globe 模式:按经纬度打点,"在建 / 已竣工"按状态分色,配上自转 + 飞线视觉冲击翻倍 |
| 无人时自动吸引、有人靠近就转交互 | 接中控 / PIR:无人时进自动演示(地球自转、图片滚动),有人靠近恢复触摸交互模式 |
| 讲解讲到哪个主题、大屏就切到哪一屏 | 若产品有 TCP / HTTP 接口,中控按讲解章节切 Basic / Tree / Globe,把"展示屏"变成"互动屏" |
看懂没有:所谓互动大屏,无非是**"什么数据类型 → 哪种展示形态 → 后台配好内容 → 大屏端点得动"**这一条链。抓住甲方手里是图片、是层级、还是地理坐标,形态就定了。
这套技能用在哪些场景:
- 企业展厅:进门一面荣誉墙 / 成果墙走 Basic,会议室外挂领导班子和部门架构走 Tree,全球布局那面墙走 Globe——一套 GoMagicWall 把三面墙全包了。
- 党建 / 政务展厅:党建活动照片汇聚成 Basic 魔墙,组织体系、责任分工用 Tree 树形图逐级展开,讲得清楚又好看。
- 城市 / 园区招商中心:Globe 把"我们和多少城市 / 国家有合作项目"变成可旋转可点的三维大屏,招商时最出效果。
- 学校 / 科研机构:校史照片墙走 Basic,学科知识树、科研合作网络走 Tree 或 Globe,知识体系一目了然。
同一套本事,换个大屏产品照样能用:你练出来的"看数据类型选展示形态、后台管内容、大屏端联调、盯分辨率 / GPU / 触摸这几个坑"这套判断和部署套路,接其它自研互动展项、甚至第三方大屏,底层逻辑基本不用重学。
动手挑战
- 用10~20张统一规格的图片,在 Basic 模式下跑起来一个魔墙,验证点击放大功能正常。
- 建一个3层的树形图(比如用部门-组-成员的简化架构),在大屏上验证展开/收起交互。
- 在 Globe 模式下添加5个点位(国内城市即可,用高德地图查坐标),验证地球旋转流畅、点位点击弹出信息正常。
- 故意把大屏端后台地址填错,观察报错状态,再修复——积累一次断线排查经验。
本节学到的知识
- GoMagicWall 三形态(Basic 魔墙 / Tree 树形图 / Globe 数字地球) 属同一套件,靠后台配置切换展示模式,不用分别装三个应用(以实际版本为准)。
- 架构是后台服务 + 大屏端 App 分开部署:后台跑在中控电脑 / 服务器,大屏端必须能通过局域网访问到后台的 IP 和端口。
- 选形态看数据类型:大量图片 → Basic,人 / 部门 / 项目的层级关系 → Tree,城市 / 国家的地理分布 → Globe。
- Basic 魔墙:图片要统一宽高比(网格才整齐),单张体积别太大,否则大屏端初次加载白屏时间长。
- Tree 树形图:默认展示建议不超过三层,深层折叠给参观者点开;让甲方给三列 Excel(节点名 / 上级节点 / 职位)批量导入,比逐个录入省事(以后台是否支持导入为准)。
- Globe 数字地球:经纬度精确到小数点后两位就够;注意 Google 的 WGS84 与国内高德 / 百度坐标系有偏差,底图用哪套坐标系、点位数据就用哪套来源。
- Globe 对 GPU 有硬要求:需带独立显卡的大屏主机,集显跑 Globe 可能卡顿,方案阶段就要确认主机显卡规格。
- 分辨率设成与大屏物理分辨率一致:设低了糊、设高了跑不动;拼接屏需确认是否支持跨屏拼接模式(以软件说明为准)。
- 触摸交互三个坑:触摸驱动要装、触摸校准防偏移、多点触控确认 ≥2 点(Globe 旋转 / Tree 缩放手势要用到)。
- Globe 的自转 + 飞线是最出效果的视觉,飞线能否用取决于授权级别,在后台飞线配置里开启(以实际功能为准)。
- 和中控联动可做一键开屏、自动吸引屏(PIR 触发切演示 / 交互)、按章节切形态;能否精确切内容取决于产品是否提供 TCP 指令或 HTTP API(以版本为准)。
小结 · 你现在掌握了什么
- 你搞清楚了 GoMagicWall 三种形态(Basic/Tree/Globe)各自对应什么类型的甲方数据,能在方案阶段给出正确推荐。
- 你知道了三种形态的内容制作要点和后台配置步骤,以及分辨率匹配和性能配置对展示效果的影响。
- 你掌握了触摸交互调试的关键检查点(驱动/校准/多点触控),能在现场快速定位触摸失效问题。
- 你拿到了一张涵盖三种形态常见问题的故障排查表。
要深入了解 GoMagicWall 的授权版本差异和完整交互能力,查看 GoMagicWall 产品页。
回顾:你已经完成了第 12 章的三个互动展项实战节:互动答题 Quiz、虚拟翻书 BookFlip,以及本节的互动大屏 GoMagicWall。把这三种自研展项组合起来,你能承接绝大多数展厅互动展项的集成任务。下一步进入 第 13 章 方案与施工,把所有展项串进一个完整的展厅交付方案。
本教程对应产品
查看产品详情 →