Mapbox 发布新型冠状病毒 2019-nCoV 疫情动态中英双语地图，讲述疫情数据背后的故事
实时数据与地图的组合，帮您挖掘疫情数据背后的故事。国内外诸多公司、组织与机构在参与事件分析的同时，尝试对疫情数据地图进行构建。
自 2020 年 1 月中下旬开始，全中国乃至世界人民的神经随着 2019-nCoV 新型冠状病毒肺炎的爆发而日渐紧张。一张结合患者数据与地理信息的疫情地图，对实现公共信息透明、指导医疗资源运营、缓解大众内心焦虑具有重要意义。
近日，开源的全球地图平台 Mapbox 发布了 2019-nCoV 疫情动态地图。Mapbox 在细分到城市的国家病例基本数据基础上，不仅选用了高度自定义的全球地形图作为底图之一，还用配以时间轴和数值曲线的热力分布地图，形象地展示了全球疫情的发展变化。
访问链接：https://www.mapbox.cn/coronavirusmap
为了让地图更好地讲故事，在不到一周的时间里，Mapbox 工程师和设计师 Macro、Mofei、Weber、Lloyd、Jing、Chris、Xinnong 等与中国合作伙伴乾特、深谙地图数据表达的中国地图出版集团的 Huanjin Liu、Robin、Guangyu Chen、Miffy、Yuji Zhang 联合完成了方案的设计到项目执行的全过程。
访问链接：https://www.mapbox.cn/coronavirusmap
目前，大众可以点击这里对该动态地图进行在线访问。该动态地图除了在交互方式和底图设计方面进行了精心设计，还具有下面的特点：
多端显示：更友好地支持手机、PC 浏览器和大屏等多端显示
双语设置：提供中英文双语自由切换
全球访问：在遍布全球的 Mapbox 服务器支持下，无论您在国内还是国外都能流畅地加载访问
访问链接：https://www.mapbox.cn/coronavirusmap
地图的构建思路
该动态地图的设计主要包括底图设计、数据处理和动态交互开发三个方面，使用 React 和 Mapbox GL JS 技术实现地图的数据可视化和动态交互。
我们在设计地图的时候，主要考虑了两个突出的特点：第一个是动态地图，展现数据的变化与时间的关系，让地图'说话'；第二个是自定义地图样式，采用开源的 Mapbox 全球地形图，并对色系进行微调，实现与数据相辅相成的表达效果。
—— Mofei Zhu, Mapbox 中国前端工程师
地图设计
该动态地图中变化的是数据，不变的是底图。为了更加突出数据本身，我们选择了低调的暗黑风格 —— 基于 Mapbox 深色地图样式构建了基础地图。具体来说，在 Mapbox Studio 中，您也可以动动鼠标进行相似地图的创建：New Style -> Monochrome -> Dark -> Customize Monochrome。
对于多数借助地图的数据可视化表达案例来说，深色地图是最“省事”的选择，因为它会更突出数据本身，让读者更关注其上叠加的数据。但这并不意味着我们无法对底图进行任何自定义。
比如在本次案例中，我们在原有暗黑基础上增加了一个 Mapbox-terrain-rgb 数据图层，让地图显得更加真实并具有 3D 表现力；在全球范围内，我们将中国的行政边界以较浅的颜色进行突出显示，以便于展现热力数据随行政区划的变化。
为了让疫情地图的整体气氛显得不那么紧张，我们调亮了海洋的颜色。
疫情数据处理
目前并没有一个官方的渠道对疫情数据进行实时开源，在综合考虑数据格式和更新度等条件后，我们选择了来自今日头条 - 抗击肺炎专题页中，来自中国国家卫健委、各省市区卫健委、各省市区政府、港澳台官方渠道等公开实时数据，并以 JSON 格式保存为每日更新的数据，如下图所示。
然后，我们在程序中调用多个 API 来展示历史趋势、各个城市或国家/地区的数据等。我们面临的最大挑战是需要进行手动修复数据，因为每个区域的数据每天不是同步更新的，并且很难跟踪每次更新的具体时间。
数据可视化动态交互效果
我们的思路是使用必要的图例图表，与地图和数据“抱团取暖”，结合动态时间轴，达到最佳的数据可视化效果。
截至 2020 年 2 月 6 日的统计数据
截至 2020 年 2 月 6 日的统计数据
在整体 UI 的设计方面，考虑到大屏展示的效果，我们选择了数码风格的字体和半透明风格修饰，并能与反映区域变化的热力图有着较好的颜色呼应。
访问链接：https://www.mapbox.cn/coronavirusmap
除了热力图，地图还支持填色图和集合图图层的动态叠加。
访问链接：https://www.mapbox.cn/coronavirusmap
访问链接：https://www.mapbox.cn/coronavirusmap
访问链接：https://www.mapbox.cn/coronavirusmap
后续，我们考虑加入反映疑似、确诊、死亡、治愈数据比例的饼图，让读者不仅了解疫情在地理上的传播规律，并对疫情在某个区域的变化更加一目了然。除此之外，我们也会对界面表达和地图进行进一步优化。
希望这不仅仅是一张展示数据的地图，更代表着信息透明化、象征着众人团结抵抗疫情的力量；在未来，它会是一段历史的记录，纪念在疫情中奉献的每位伟大的医护人员及上亿个“平凡天使“。武汉加油，中国加油，世界加油！
最后，欢迎大家点击【阅读原文】查看这张地图，并分享给你身边的朋友吧，记得打开“时间穿梭”按钮，查看动态效果哦，希望您在留言区为我们提出宝贵的建议，并敬请期待它的迭代与更新。
天佑中华！相信地图上热力图消失、数据不再变化那个时刻，已经离我们不再遥远。
贡献者：
Mapbox 中国合作伙伴乾特、Mapbox 中国工程师和设计师 Macro、Mofei、Weber、Lloyd、Jing、Chris、Xinnong 等
中国地图出版集团 Huangjin Liu、Robin、Guangyu Chen、Miffy、Yuji Zhang 等
有任何问题想要获得官方解答？欢迎大家戳下面的 Mapbox 熊猫，进入 Mapbox.cn 留下你的问题、建议、产品想法等，我们会在 1- 3 个工作日内回复你哦！
加入 Mapbox 技术交流群？扫描下方二维码，回复【技术】，让 Mapbox 前台小姐姐 Max 拉你进群吧！
想要获得专业开发者的技术解答？进入 Q&A 专区留下你的问题吧！