GIS 有哪些酷炫的应用?

关注者
2,230
被浏览
326,744
登录后你可以
不限量看优质回答私信答主深度交流精彩内容一键收藏

这几年我们看得更多的酷炫的GIS应用,多是web gis。和传统gis比,这些更酷炫漂亮、易于传播、所见即所得。

国外有设计优秀的地图以及相关应用的公司,知名的如 mapbox、 cartoDB、 stamen工作室等等。 mapbox几乎是最美地图的设计公司(简而言之,他家主要生产地图底图),公司孜孜不倦地提高视觉水准,单拿他家卫星地图来说,叠了好多层用算法求出平均值,CEO郑重挑战谷歌不是世界上唯一生产地图的公司。cartoDB 是一个支持GIS的数据库,你有了数据要展现,数量可能很大,需要找个地方增删改查,cartoDB就干这个,carto的主页上长着许多有趣的应用,大家也不妨搜一下。而stamen则是一家非常有个性的地图以及数据可视化的设计工作室,东西做的非常惊艳,但个性化有余而平台化不足, 类似的工作室很多,也不逐个介绍了。在这3个页面上,我们已经能找到许多优秀案例了。

这几年,国内也在不断进步,不妨看看我们的一些探索。

写一个引子,大家可能见过双十一大屏,这上面有数字,也有地图。每年双十一的时候,我司都会邀请一群记者来看,比如这是去年的时候

类似于双十一的媒体接待大屏,我司还有许多内部的场景,都需要有些数据展示的场景。每个场景里会有些特定的数据,而这些数据每天或每小时甚至实时发生变化,因此我们开始成为一种职业。

1、3d可视化练成记

自从google在2011年开源了webgl globe

chromeexperiments.com/g

很多人利用开源数据和这套框架做起了各种各样的地球。


这个作品实在是太流行了,我们当然也不好意思拿来直接应用,但是,看源码还是蛮有启发的。至少哥们指了好多明路,比如webgl可以这么玩,比如传统的柱状图,到了球上照样酷炫,即使万根花花绿绿的柱子也不至于让你死机...

所以2013年年末的时候,我们研发一个3d的多场景的系统:

甲方: 马老板和他的小伙伴们

乙方: 阿里巴巴可视化小组

在我们的展示项目里,会有不同的场景,今天看物流,明天看交易,后天看各种累计的指标。当然更有用的一种分类是按照功能,这是3d地球 + 飞线图 + dashboard三个模块, 那是 可缩放的2d地图和dashboard2个模块。每个这种分类的场景,可以呈现不同的数据,比如 3d的场景可以承载物流场景,也可以承载交易场景。

那么还有些我们曾经没有做到的点,比如作为一个设计师,你的想法很自然是想要每块屏幕都用流动性很强的动画串联起来。而不同的场景你有可能任意播放。这样 如果你有n个场景,串联的可能就有n!种,可能性很多,需要一个连续的方案。

在这些需求点的驱动下,我们用webgl(three.js)做了一个case。(推荐大家看视频)

阿里巴巴-数据可视化


从js的语言到这样的应用,也是一个很痛苦的过程。从处理业务数据、地理数据到图层分离、过场动画,小到一条飞线的生命周期,到处都是细节。

这类的项目其实并不是工作的常态,有时候为炫而炫,其实公司的主流价值观比较实用主义,所以平时做点分析工具、数据产品什么。但还有个案子,2015年3月,马总和总理去德国汉诺威参加工业信息展,这会有幸把我们也拉上了。可这也不是纯爽的事情,7个bu 近30个屏需要开发,而且要很炫才行。如果你会写代码,一定很同情我们这帮苦逼...

不过,经过多次思考,我们找到了亮点和解决方案。

首先我们做了一套框架,为了让所有的场景更酷炫,更多变,我们用一套连续运动的粒子系统串了起来。这个粒子可以变成我们的3d文字、也可以变成球状的地球,也可以是平面地球、也可以是球体地球,还可以是地球上的点图,以及飘散空中,随着函数变化的系统。

所以,在这个基础上,我们叠加了好几套系统,他们之间可以进行连续动画插值。这就是下图中,最左边的一栏。那有了左边的基础,我们做出了中间的模板层的东西,大概有十几种,在最右边是业务场景,他们是我们最后想要的结果。

这个项目还有些好玩的点,比如手机和大屏幕的联动,手机扫描颜色,通过颜色去选择应该出现的场景,但和关系不太大,就不展开啦。

无图言屌...

如果有兴趣 这里有一个视频可以看看:

2015 - 03 - 德国汉诺威 cebit展 数据可视化

好吧 写了好多 其实还有比这些大屏更有意思,其实也挺好看的项目。比如对车辆轨迹的分析


====================== 2016年更新=======================

谢谢大家支持,俺的第一个破200回答。

说好的继续磨叽了很久,继续放一些我们2015年双十一的作品。

今年我们的大屏,主要解决了这些问题

  • 与后端保持实时一致
  • 防网络延迟/断网
  • 防内存泄露
  • 防数据过载
  • 防大屏色差
  • 紧急预案

具体的技术,可以参考这个链接,有点长

DataV 2015双十一媒体大屏回顾&技术分享

这里以图为主吧。



最后是广告时间

阿里巴巴 datav 可视化组长期招人,项目和产品很多 欢迎各算法大牛、前端工程师、动画大神 者加入我们

简历请去

ninglang.wx@taobao.comninglang.wx@taobao.comninglang.wx@taobao.com