恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
V友故事|用EasyV打造校园地理信息可视化,我只做了这几步
0.0°
2022-04-22 原创文章 教程 举报 1488 1 1 0

易知微助力地大小组打造地理信息可视化

本期「V友故事」来自 / 中国地质大学大学地理与信息工程学院地理信息科学专业李子琪、邵轶辉《空间信息可视化》课程实习报告

传统的商业智能(BI)很重视数据可视化技术,通过可视化技术使人们对数据仓库中的数据不再局限于通过关系表来观察和分析,而是以更直观的方式来看待数据及其结构关系。 虽然可视化技术可以将数据的各个属性值以多维数据的形式表示,并从不同的纬度进行观察,但是它在空间维度面前却无能为力,而地理数据可视化的出现恰好弥补了这个遗憾。

地理信息可视化充分利用了地理信息技术提供的空间数据可视化的能力,将所有的行业信息通过处理整合成地理大数据,用地图的方式进行可视化表达,以完美的姿态解决了大数据中的空间位置表达问题; 同时,利用地理信息技术的空间分析能力,为地理大数据涉及到的大量的空间分析提供了处理能力,在空间维度上初步实现了大数据的分析。


智慧校园三维可视化管理平台是基于校园物理环境,以真实校园为主体,通过网络技术完成校园的三维可视化地理信息系统的搭建,对校园环境实现多维度的虚拟展示和呈现。

01

作品背景


2022年11月7日,中国地质大学将迎来70华诞。从北京地质学院到中国地质大学,中国地质大学已经历了70载栉风沐雨,春华秋实。在2019年,中国地质大学未来城校区正式启用,南望山下,钟灵毓秀,未来城内,俊采星驰,小组从南望山走到了未来城。


通过今昔对比,中国地质大学大学地理与信息工程学院地理信息科学专业李子琪、邵轶辉所在小组想要运用所学知识,利用所搜集的地理数据,以二维地图与三维模型相结合的形式进行数据可视化,计划制作「地大校史时间轴与中国地质大学(武汉)未来城校区三维地图」,以此感悟地大校史,以史为鉴,开拓创新。

该项目启动时,小组面临的首要问题是:该如何选择可视化工具?
据小组成员所说:“虽然大部分工具确实十分实用,但仍存在一定门槛,组员们上手起来需要一定的时间。一款低门槛,操作便捷的可视化平台更有助于项目的快速实现。在通过各个工具的对比后,我们最终选择了EasyV数字孪生可视化平台。”


EasyV数字孪生可视化平台结合WebGL、3D游戏引擎、GIS、BIM、CIM等技术,实现数字看板、数字驾驶舱和数字孪生等多样化的可视化应用场景,具有纯界面化操作、丰富的组件模板、多形态交互、多数据源支持、轻量易部署、自定义组件开发的优点,省去了很多不必要的操作流程,具有较高的效率。

免费试用易知微官网,申请EasyV免费试用,个人版已上线,立即去免费体验!

免费试用期间:运营、产品、设计、技术人员专业一对一拉群指导,解答疑惑


02

二维地图制作


小组整理了相关数据后,为了从多维度反映数据特征,在EasyV上加入柱状图、折线图和主地图及事件交互的制作。


1、柱状图制作:


首先从组件中添加柱状图组件;其次在样式选项卡中添加不同的样式,并为不同的样式赋值;然后在数据选项卡中,加入所处理的数据,数据格式如下所示,其中x表示横坐标即省份,y表示纵坐标即地大在各省份的录取人数,s表示所使用的的样式的值;最后在对整个统计图进行宏观调整。


象形图的制作与柱状图类似。小组分别用斑马纹理柱状图、象形图、三维柱状图可视化地大于2015年、2018年、2021年在全国招生人数位居前十位的省份。


2、折线图制作:


首先从组件中添加折线图组件;其次在样式选项卡中添加不同的样式,并为不同的样式赋值;然后在数据选项卡中,加入所处理的数据,数据格式如下所示,其中x表示横坐标即年份,y表示纵坐标即地大在某一区域各年份的录取人数,s表示所使用的的样式的值,同一折线采用相同的样式;最后在对整个统计图进行宏观调整。


小组利用折线图可视化地大各年份分别在东部地区、西部地区、中部地区的录取人数,既可以反映在各个区域近年来录取人数的变化,又可以反映地大在各区域录取人数的区域差异。


3、主地图的制作:


小组首先添加了3D边界地图控件、地形控件、2D中国地图控件、mapback控件、地图扫光,然后将各个控件移动叠加在一起,形成三维的效果。


其次是数据的添加,在3D边界地图控件添加三个标牌柱子控件,分别反映三年地大在各地区的录取人数,数据格式如下所示,lng表示经度,lat表示纬度,add表示地点名称,addcode表示地区编号,count表示数值大小,需要根据录取人数按降序排列以展示排名。最后再调整一些细节信息,如光柱的粗细、升起时间、交互方式等。


4、事件交互的制作:


为了实现事件交互的效果,小组添加了选项卡控件,为每一个选项卡赋予类别(s)、状态值(content)属性,为点击事件奠定基础。

03

三维地图制作

未来城校区三维建模粗模


1、数据预处理:


粗模建立完成后,在EasyV平台中添加3D园区控件,添加自定义地面子控件,将地面类型选择为贴图平面,然后添加未来城校区的平面图作为底图;


2、网页端三维模型的可视化:


为了将未来城校区的三维模型与校史时间轴相结合,达到更好的可视化效果,小组利用easyv软件将本地模型导入到了网页端,下面是具体流程。


①数据格式转换:


地信学院三维建模不同格式效果对比


②在EasyV软件中添加3D园区控件,添加自定义地面子控件,将地面类型选择为贴图平面,然后添加未来城校区的平面图作为底图。

③在3D园区控件中添加自定义模型子控件,然后加入转换格式的本地模型,通过平移、缩放、旋转等操作放置到平面图上的对应位置。

④在3D园区控件中添加信息面板控件,为每一栋建筑添加名称。⑤在3D园区控件中添加流光、粒子系统等子控件,增强可视化效果


3、校史时间轴制作


在主界面中添加点状时间轴控件,为其添加数据,数据格式如下所示,其中text表示标题,value表示文本。最后根据主界面修改其样式。


4、学院信息展示制作


在主界面中添加动态面板控件,然后在动态面板控件中添加滚动标签组件,为其添加各专业名称的数据。添加3D饼图控件,在数据中输入该学院教授、副教授、讲师的数量。添加图片控件,加入该学院的图片。添加链接标题控件,同时将该学院官网的网址作为该控件的url。最终修改整个动态面板的样式,与主界面相照应。

动态面板控件


点击事件的添加,为3D园区控件中的自定义模型控件添加交互事件,事件类型为点击模型,然后为其添加两个动作,动作1为对应学院动态面板的显示,动作2为对应学院动态面板的消失。


5、3D地球的制作:


在主界面中添加3D地球控件,然后在该控件中添加飞线子控件,输入数据,数据格式如下所示。其中startlng表示开始经度,startlat表示开始纬度,endlng表示结束经度,endlat表示结束纬度,endtext表示终点文字,将开始经纬度设为各省份的经纬度,结束点经纬度设为地大经纬度,以实现流向的效果。

飞线控件数据格式


为该控件添加环境光、方向光、大气层、扫描线、卫星等控件,增强其可视化效果。


04

可视化界面展示

  • 主界面

作品主界面

  • 校史时间轴展示


此界面以文字和上方3D图片列表的形式展示了中国地质大学由1952年建校到2019年未来城校区启用的历史,图文并茂,达到了较好的可视化效果。

  • 未来城校区三维模型展示


此界面将二维地图与三维建筑模型相结合,直观地反映了各建筑的位置与外形特征,同时点击相应的建筑可弹出相关介绍,同时可跳转到相关网页,达到了较好的交互效果。


未来城校区三维模型展示

  • 本科生生源地分析界面


点击主界面中的生源地分析即可跳转到相应的本科生生源地分析界面。

生源地分析主界面
点击左上角的选项卡,在地图中显示不同年份在各省份的招生人数,同时鼠标移动到相应的省份,可以显示该省份的招生人数,以及该省份招生人数在全国省份中的排序。


05

易知微助力地大小组打造地理信息可视化


在EasyV数字孪生可视化平台的助力下,中国地质大学(武汉)地理与信息工程学院地理信息科学专业学生李子琪、邵轶辉所在小组成功实现了校园地理信息可视化展示,为地大送出一份弥足珍贵的七十华诞礼物。


时代的发展、信息技术的不断进步,赋予了数字孪生新的意义,数字孪生将在越来越多的行业领域及应用场景发挥重要价值。另外,在国家政策的大力支持下,数字经济已成为全球经济发展的热点!


易知微拥有业内领先的数据可视化大屏故事策划、视觉设计、前端和数据开发技术实力,尤其擅长3D模型展示、基于GIS的地理信息数据展示。

我们期待与更多的伙伴携手共进,同时也欢迎更多用户投稿,说出「你与EasyV的故事」,让数字化看得见!

关注【官方微信公众号】,查看更多可视化资讯~等你呦
1、EasyV数字孪生可视化
2、易知微数字孪生世界

免费试用
易知微官网,申请EasyV免费试用,个人版已上线,立即去免费体验!
免费试用期间:运营、产品、设计、技术人员专业一对一拉群指导,解答疑惑



Powered by Froala Editor

更新:2022-04-22

收藏

1人已收藏

易知微EasyV数字孪生可视化

官网入口:https://easyv.cloud/?t=uizg

  • 94

    作品

  • 501

    粉丝

  • 2

    关注

  • 易知微2023设计年鉴——不“设”限,更有“数”
  • Vol.6 和我家产品的优秀用户聊聊:关于大屏编辑器、可视化
  • 2023易知微发布会KV设计合集
  • EasyV可视化资源套件|「幻醒蓝」可视化主题套件上线

    猜你喜欢

      2022-04-22 原创文章 教程 举报 1488 1 1 0

      V友故事|用EasyV打造校园地理信息可视化,我只做了这几步

      0.0°

      你确定要举报V友故事|用EasyV打造校园地理信息可视化,我只做了这几步

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2022年04月22日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      1
      1
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录