ThingJS 3D可视化：数据驱动城市运营管理

对于园区甲方爸爸来说，数据可视化驱动运营管理，ThingJS平台支持场景+图表的3D展示，给你耳目一新的感觉！

还在制作千篇一律的数据平面大屏？OUT啦！酷炫的3D次世代数据大屏帮你一秒俘获甲方爸爸的芳心！

本图片来自ThingJS用户 云南唯恒基业科技有限公司

今天就来教大家三维数据大屏！

为了方便演示，我们来制作一个简单的三维城市与传统二维图表相结合的大屏，相信大家学习之后都能做出酷炫的三维大屏！
先来看看结果：

所需工具

• ThingJS平台：面向互联网的3D可视化开发平台
• CityBuilde r：聚焦城市的3D地图搭建工具
• DataV：阿里云的数据可视化产品

操作步骤

CityBuilder一键城市·--·ThingJS在线预览·--·DataV创建大屏·--·大屏对接3D城市

步骤1：CityBuilder一键城市

• 打开CityBuilder，在“地图项目”-“我的”页面中新建项目，选择模板。

• 在弹出的选择区域窗口，可搜索、拖动区域框来确定城市范围，点击“确定”，创建3D城市。（现在每人可免费体验3次哦）

• 生成项目后，点击“JS”按钮，输出至ThingJS，并获取预览地址:https://www.thingjs.com/guide...

步骤2：DataV模板创建大屏

• 进入DataV网站（现在可以体验试用哦，https://data.aliyun.com/visua...），进入控制台。

• “新建可视化”，选择一个模板创建大屏。

步骤3：大屏IFrame嵌入3D城市地图，发布

• 大屏中有个全国地图，记下组件的位置和大小后，删掉该组件。
• 在同样的位置加IFrame组件，把IFrame图层放到倒数第二层，输入第3步骤的3D城市URL。
• 预览，如下图。保存并发布点击查看

p.s. CityBuilder商业模板更好看哦~

ThingJS平台可低成本开发可视化大屏，成为智慧园区数字化转型的最好见证者！