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

  • 阅读:6900
  • 回复:1
Mapbox发布新型冠状病毒2019-nCoV疫情动态地图
sjz2017

鎵嬫満鍙风爜宸查獙璇


 发短消息    关注Ta 

积分 1675
帖子 335
威望 60849 个
礼品券 0 个
专家指数 0
注册 2017-4-6
回答问题数 0
回答被采纳数 0
回答采纳率 0%
 
发表于 2020-02-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. 结语

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


扫码关注5G通信官方公众号,免费领取以下5G精品资料
  • 1、回复“iot6”免费领取《【8月30号登载】物联网创新技术与产业应用蓝皮书——物联网感知技术及系统应用
  • 2、回复“6G31”免费领取《基于云网融合的6G关键技术白皮书
  • 3、回复“IM6G”免费领取《6G典型场景和关键能力白皮书
  • 4、回复“SPN2”免费领取《中国移动SPN2.0技术白皮书
  • 5、回复“LTKJ7”免费领取《 联通科技周17本白皮书合集
  • 6、回复“5g-a”免费领取《中国联通5G-A 通感算融合技术白皮书
  • 7、回复“URLLC”免费领取《中国联通5G URLLC 技术白皮书
  • 8、回复“LDSL”免费领取《中国移动算力网络技术白皮书
  • 对本帖内容的看法? 我要点评

     
    通信民工1

    鎵嬫満鍙风爜宸查獙璇


     发短消息    关注Ta 

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


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

    这个搞热力图了啊

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

     

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

    当前时区 GMT+8, 现在时间是 2024-03-28 17:52:22
    渝ICP备11001752号  Copyright @ 2006-2016 mscbsc.com  本站统一服务邮箱:mscbsc@163.com

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