如何快速制作疫情变化动态地图？

在新冠“疫情”期间，公众每天通过丁香园、腾讯等互联网公司提供的新冠肺炎实时疫情图，了解我国各省市及其他国家的疫情动态。

但我们看到的疫情地图，往往反映的是截至某一时刻的疫情情况、某一时间段内的疫情变化，基本是通过静态折线图的方式进行表达。那么，能否以动态地图的方式将疫情的变化展示出来？

今天，我们就借助SuperMap iDesktopX（以下简称为“iDesktopX”）中实时流、地图大屏等功能，使用湖北省1月23日以来的疫情数据，教您搭建疫情动态监控地图大屏。

我们先来剧透下要实现的地图大屏效果：

图1 疫情动态监控大屏示意

从图1中可以看到，疫情动态监控大屏中主要的要素为地图和统计图表，我们要实现这样的效果，需要经过以下四个步骤：

图2 搭建疫情动态监控大屏的步骤

接下来，我们将向大家讲解其具体的实现过程。

STEP 1 接入实时流数据

要实现疫情数据随日期变化，就需要将与疫情相关的确诊、疑似、治愈、死亡等数据按照日期发送，并展示出来。iDesktopX 10i中提供了接入实时流数据的能力，通过启动实时流服务，接收实时流服务中的矢量数据，可以实时、动态的展示数据，同时支持保存流数据。

我们先启动iDesktopX中的实时流服务，接着运行模拟发送数据工具，然后在iDesktopX中新建实时流数据。流数据连接完成后，iDesktopX中会新建一个内存数据源存储流数据，后面要制作的实时地图、实时统计图表，都要基于此流数据集。

图3 iDesktopX中接入实时流数据的流程

有关实时流服务、模拟发送数据工具的使用方法，说明如下：

1、iDesktopX中的实时流服务端，位于“iDesktopX安装目录\support\iDesktopDataFlowService”文件夹，双击startup.bat启动实时流服务。

2、模拟发送数据工具，位于“iDesktopX安装目录\support\iDesktopDataFlowService\SimpleClient”文件夹，双击startup.bat启动数据发送。

STEP 2 制作实时地图

发送的实时数据是点数据，因此要表现出数据等级的大小，我们选择对实时点数据制作自定义分级的范围分段专题图，每个段值不仅赋予不同的颜色，也赋予不同的符号大小。

同时，也可以制作实时标签，将每个城市不同日期的疫情数据动态展示出来，与分段专题图配合使用。这一步骤中，制作完成的实时地图，如下图4所示。

图4 实时地图示意

STEP 3 制作统计图表

在地图大屏中，统计图表是展示数据趋势不可缺少的元素。iDesktopX中支持柱状、条形、折线、圆环、气泡等11种统计图表。我们对湖北省各市的治愈/死亡病例数制作成随日期变化的动态图表，其他例如湖北省涉疫人口占比、确诊/治愈/死亡人数趋势也都采用静态图表。

iDesktopX中提供两种方式制作统计图表，一种是通过【开始】菜单中的“统计图”功能；另一种是数据集右键菜单。然后，我们根据统计图提供的参数设置、风格设置，设置相应的统计字段、分组字段与风格即可。下图5中是根据疫情数据制作的统计图示意。

图5 疫情数据统计图示意

STEP 4 制作实时大屏

在地图、统计图制作好之后，接下来就是最重要的一步：制作实时地图大屏。

iDesktopX中的地图大屏，提供了地图、水平/竖直文本、分割线、图片、图表、信息板、本地/在线视频等元素，我们可以根据展示需求添加。

iDesktopX地图大屏支持根据屏幕大小设置大屏尺寸。我们设置的大屏尺寸为1920*1080。通过点击元素的方式在大屏上添加元素，拖拽或修改位置参数的方式调整元素在大屏上的位置。

在图1的效果图中，我们看到的多个地图之间是可以相互切换的，要实现此操作，只需将主地图“设置为背景”。

在图1中，右上角的疫情累计病例数，是随着日期的变化而变动的，要实现这种效果，只需要将文本元素的实时流数据来源，设置为“实时流数据”，将统计字段设为“确诊”或“治愈”或“死亡”，并将统计模式设为“和”就可以。这里，统计字段中提供的字段，都是从发送过来的实时流数据中读取到的，统计模式中提供了最大值、最小值、平均值、和等六种模式供用户选择。日期的变动，也采用这种方式实现，不同的是，我们需要将统计模式设置为“最大值”。

图6 疫情累计病例数实现效果

除此之外，文本、图表等控件还可以设置背景色、边框色等，这些参数都可以根据需要设置。

至此，基于iDesktopX制作的疫情动态地图大屏已经完成了，最终效果如下图7所示。

图7 疫情动态图效果

通过本文的阅读，相信你已经掌握了使用iDesktopX制作地图大屏的要点。点击文末“阅读原文”，下载文中使用到的疫情数据、模拟发送数据工具，定制不一样的疫情动态地图大屏，提取码：gvq6。一起动手学起来吧！

撰文 | 端产品研发中心 刘晓妮

【相关阅读】

▼

欢迎转载~

爱看你就点在看！