MSCBSC 移动通信论坛
搜索
登录注册
网络优化工程师招聘专栏 4G/LTE通信工程师最新职位列表 通信实习生/应届生招聘职位
 

  • 阅读:5465
  • 回复:1
Mapbox发布新型冠状病毒2019-nCoV疫情动态地图
sjz2017
中级会员
鎵嬫満鍙风爜宸查獙璇


 发短消息    关注Ta 

积分 705
帖子 141
威望 30155 个
礼品券 0 个
专家指数 0
注册 2017-4-6
专业方向 
回答问题数 0
回答被采纳数 0
回答采纳率 0%
 
发表于 2020-2-23 14:15:26  只看楼主 

1. 概述

自2019年12月31日世卫组织获悉在湖北省武汉市发现若干例肺炎病例以来,全中国乃至全世界人民的神经随着2019-nCoV新型冠状病毒肺炎的爆发而日渐紧张。该病毒与任何其它已知病毒不符,这令人关切,因为我们不了解新病毒如何影响人类,在此情况下,制作一幅与疫情相关的地图显得极为重要和迫切。

Mapbox发布新型冠状病毒2019-nCoV疫情动态地图

疫情地图


2. 制图背景

近日,开源的全球地图平台Mapbox发布了2019-nCoV疫情动态地图。Mapbox以城市为单位,结合国家病例基本数据,使用了高度自定义的全球地形图作为底图之一,配以时间轴和数值曲线的热力分布地图,形象地展示了全球疫情的发展变化。

Mapbox发布新型冠状病毒2019-nCoV疫情动态地图

中国疫情爆发动态图


为了让地图更好地展现数据,在不到一周的时间里,Mapbox工程师和设计师Macro、Mofei、Weber、Lloyd、Jing、Chris、Xinnong等与中国合作伙伴乾特、深谙地图数据表达的中国地图出版集团的Huanjin Liu、Robin、Guangyu Chen、Miffy、Yuji Zhang联合完成了方案的设计到项目执行的全过程。

Mapbox发布新型冠状病毒2019-nCoV疫情动态地图

全球疫情爆发动态图


3. 地图特点

目前,大众可以访问链接(https://www.mapbox.cn/coronavirusmap)对该动态地图进行在线访问。该动态地图具有下面的特点:

多端显示:更友好地支持手机、PC浏览器和大屏等多端显示。

双语设置:提供中英文双语自由切换。

全球访问:在遍布全球的Mapbox服务器支持下,无论您在国内还是国外都能流畅地加载访问。

Mapbox发布新型冠状病毒2019-nCoV疫情动态地图

多种展现方式


4. 地图的构建思路

该动态地图的设计主要包括底图设计、数据处理和动态交互开发三个方面,使用React和Mapbox GL JS技术实现地图的数据可视化和动态交互。

Mapbox发布新型冠状病毒2019-nCoV疫情动态地图

分省数据


5. 地图设计

该动态地图中底图不会变化,变化的是底图上的数据。为了更加突出数据本身,选择了低调的暗黑风格——基于Mapbox深色地图样式构建了基础地图。具体来说,在Mapbox Studio中,可以动动鼠标进行相似地图的创建:New Style->Monochrome->Dark->Customize Monochrome。

Mapbox发布新型冠状病毒2019-nCoV疫情动态地图

创建地图


对于多数借助地图的数据可视化表达案例来说,深色地图是最"省事"的选择,因为它耐看而且更突出数据本身,让读者更关注其上叠加的数据。但这并不意味着我们无法对底图进行任何自定义。

Mapbox发布新型冠状病毒2019-nCoV疫情动态地图

图层构成


比如在本次案例中,在原有暗黑基础上增加了一个Mapbox-terrain-rgb 数据图层,让地图显得更加真实并具有3D效果;在全球范围内,将中国的行政边界以较浅的颜色进行突出显示,以便于展现热力数据随行政区划的变化。为了让疫情地图的整体气氛显得不那么紧张,调亮了海洋的颜色。

Mapbox发布新型冠状病毒2019-nCoV疫情动态地图

行政区划


6. 疫情数据处理

目前并没有一个官方的渠道对疫情数据进行实时开源,在综合考虑数据格式和更新度等条件后,选择了来自国家卫健委公布的数据,并以JSON格式保存为每日更新的数据,如下图所示。但是这样面临的最大挑战是需要进行手动修复数据,因为每个区域的数据每天不是同步更新的,并且很难跟踪每次更新的具体时间。

Mapbox发布新型冠状病毒2019-nCoV疫情动态地图

数据保存


7. 数据可视化动态交互效果

我们的思路是使用必要的图例图表,与地图和数据"相辅相成",结合动态时间轴,达到最佳的数据可视化效果。

Mapbox发布新型冠状病毒2019-nCoV疫情动态地图

截至2020年2月6日的统计数据


在整体界面的设计方面,考虑到大屏展示的效果,我们选择了数码风格的字体和半透明风格修饰,并能与反映区域变化的热力图有着较好的颜色呼应。

Mapbox发布新型冠状病毒2019-nCoV疫情动态地图

热力图展示


除了热力图,地图还支持填色图和集合图图层的动态叠加。

Mapbox发布新型冠状病毒2019-nCoV疫情动态地图

各种展示方式


如果需要更多的地图数据,可以使用水经注万能地图下载器进行下载。

Mapbox发布新型冠状病毒2019-nCoV疫情动态地图

水经注万能地图下载器


8. 结语

希望通过地图让数据可视化,能够让人们更加透明和真实的感受疫情数据的变化。在遥远的将来,它能够成为历史的印记,纪念在此次"抗疫"过程中奉献的每位伟大的医护人员及上亿个"平凡天使"。武汉加油,中国加油!


微信扫描分享本文到朋友圈
← 微信扫描二维码,手机阅读更便捷
动态通知,随时随地掌握

对本帖内容的看法? 我要点评

 
[充值威望,立即自动到帐] [VIP贵宾权限+威望套餐] 另有大量优惠赠送活动,请光临充值中心
充值拥有大量的威望和最高的下载权限,下载站内资料无忧
通信民工1
高级会员
鎵嬫満鍙风爜宸查獙璇


 发短消息    关注Ta 

积分 1567
帖子 312
威望 51193 个
礼品券 4 个
专家指数 7
注册 2019-7-26
专业方向 
回答问题数 0
回答被采纳数 0
回答采纳率 0%
 
发表于 2020-2-23 22:21:40 
技术问题,回答得专家指数,快速升级


QUOTE:
原帖由 sjz2017 于 2020-2-23 06:15:26 发表
1.概述自2019年12月31日世卫组织获悉在湖北省武汉市发现若干例肺炎病例以来,全中国乃至全世界人民的神经随着2019-nCoV新型冠状病毒肺炎的爆发而日渐紧张。该病毒与任何其它已知病毒不符,这令人关切,因 ...

这个搞热力图了啊

对本帖内容的看法? 我要点评

 
[立即成为VIP会员,百万通信专业资料立即下载,支付宝、微信付款,简单、快速!]

快速回复主题    
标题
内容
 上传资料请点左侧【添加附件】



当前时区 GMT+8, 现在时间是 2020-05-31 19:12:50
渝ICP备11001752号  Copyright @ 2006-2016 mscbsc.com  本站统一服务邮箱:mscbsc@163.com

Processed in 0.037750 second(s), 16 queries , Gzip enabled
TOP
清除 Cookies - 联系我们 - 移动通信网 - 移动通信论坛 - 通信招聘网 - Archiver