CityBuilder+DataV制作次世代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/sampleindex.html?name=Y2l0eWJ1aWxkZXI=/testDark2.js?n=583
步骤2:DataV模板创建大屏
- 进入DataV网站(现在可以体验试用哦,https://data.aliyun.com/visual/datav?spm=5176.8142029.dataTechnology.4.2fad6d3eNyVlXw),进入控制台。
- “新建可视化”,选择一个模板创建大屏。
步骤3:大屏IFrame嵌入3D城市地图,发布
- 大屏中有个全国地图,记下组件的位置和大小后,删掉该组件。
- 在同样的位置加IFrame组件,把IFrame图层放到倒数第二层,输入第3步骤的3D城市URL。
- 预览,如下图。保存并发布 点击查看
p.s. CityBuilder商业模板更好看哦~
转载于:https://www.cnblogs.com/thingjs/p/10974542.html
CityBuilder+DataV制作次世代3D城市大屏,一秒俘获甲方的心!相关推荐
- 3D可视化大屏是如何实现的?
3D可视化是指拥有3D效果的数据可视化,对于所要展示的数据可视化内容还原出真实场景,并实时接入数据,在面对复杂操作时灵活应对,使得整个场景在大屏上的展示更具立体.更具科技感.更具易用性. 物联网时代, ...
- 数据可视化:利用Python和Echarts制作“用户消费行为分析”可视化大屏
数据可视化:利用Python和Echarts制作"用户消费行为分析"可视化大屏 前言 实验目的: 准备工作: 一.创建项目: 二.建立数据库连接获取数据: 三.页面布局: 四.下载 ...
- 如何制作高效率的数据可视化大屏
近段时间,"数据可视化"已经成了科技领域中非常热门的词汇,随着全国各地智慧园区的建设和崛起,数据可视化大屏的投放需求也变得越来越多.那么,企业应该如何制作高效率的数据可视化大屏呢? ...
- 使用Three.js实现炫酷的赛博朋克风格3D数字地球大屏
声明:本文涉及图文和模型素材仅用于个人学习.研究和欣赏,请勿二次修改.非法传播.转载.出版.商用.及进行其他获利行为. 背景 近期工作有涉及到数字大屏的需求,于是利用业余时间,结合 Three.js ...
- 告别短板,制作高校智慧教育可视化大屏用这些组件
随着信息技术的发展,高校各部门的信息化系统在不断增加并投入日常使用,迄今已积累了大量的可用数据.全面客观的数据是实现教育治理现代化的基础,而传统的数据管理模式在数据的分析运用方面仍存在短板,数据庞杂造 ...
- 【案例介绍】天津市河西区政府智慧城市大屏可视化决策系统
01项目背景 新型智慧城市建设作为我国数字经济发展的新引擎,备受国家各部门高度重视.在<决胜全面建成小康社会夺取新时代中国特色社会主义伟大胜利>的十九大报告中,指出新型智慧城市建设为社会信 ...
- react + dataV + three.js + blender 实现3D可视化大屏效果
效果图 3D 可视化展示是一个很不错的方向,但是纯three.js 开发效率低,简单展示类的可视化,可以考虑使用blender 等3D 绘制工具,快速,高效. 文章目录 效果图 前言 一.DataV ...
- 新手学习制作次世代 3D 游戏角色很难么?
新手如何学习次世代?这是我这几年被学生和同行问过最多的问题,在游戏行业技术逐步更新换代的过程中,次世代这个词被越来越多的提起来了,要回答如何学习次世代,先要跟大家解释什么是次世代. "次世代 ...
- 用 Python 制作酷炫的可视化大屏,特简单!
作者 | 小F 来源 | 法纳斯特 在数据时代,我们每个人既是数据的生产者,也是数据的使用者,然而初次获取和存储的原始数据杂乱无章.信息冗余.价值较低. 要想数据达到生动有趣.让人一目了然.豁然开朗的 ...
- 用excel/WPS制作酷炫数据可视化大屏(附模板)
大家好,随着数据分析越来越火热,有越来越漂亮的数据分析报表得到了大家的关注.如何制作漂亮的数据大屏看板,成为许多数据分析师的必学课程. 一.思路优先 做数据分析大屏的关键,是整个分析逻辑,在整个分析中 ...
最新文章
- TensorRT 7.2.1 开发概要(下)
- 黑色诱惑 -- Media Player 11
- cpu内存调度python_Python/Pycharm内存和CPU分配以提高运行速度?
- php透明颜色的代码,PHP 透明水印生成代码参考
- 浅谈MySQL架构体系
- ANNOTATION PROCESSING 101 by Hannes Dorfmann — 10 Jan 2015
- 让 CPU 告诉你硬盘和网络到底有多慢
- WebNumericEdit
- JS操作地址栏Location
- 关于记录每天”要完成的事项“和”未完成事项“,(尤其是周末时,对未完成事项的记录一定要全)-----工作方式
- Qt_加速编译 快速编译 make -j4
- 郭天祥的10天学会51单片机_第十一节
- 在线客服代码:在线QQ客服、在线旺旺客服
- android+国家区号api,android国际区号选择器
- windows系统镜像修复计算机,分享win10用镜像文件修复系统的方法
- org.openxmlformats.schemas.spreadsheetml.x2006.main.CTFont.addNewFamily()
- RN中热更新CodePush使用
- Python人工智能基础到实战课程-北方网视频
- (附源码)Springboot宠物领养系统毕业设计241104
- OracleOCM认证
热门文章
- 这个Python脚本牛逼了,秒抢红包就算了,还能无视撤回消息
- 九鼎实际控制人投资观!
- html的介绍及常用标签,吊打面试官系列!
- 笔记本无线WiFi生成代码
- mysql中提取2015年10月数据_2015年10月自考互联网数据库(00911)试题及答案解析与评分标准 (1)...
- 什么是测试场景标准库?
- 【SQL2008】select TOP (100) PERCENT***********ORDER BY **********
- 两个域名指向同一服务器的非80端口
- 修改hosts解决多网页加载失败/不显示/视频无法观看等问题
- 使用SLT系统抽数到hana系统