# 5.53D全国新冠肺炎疫情分布
# 5.5.1概览
大屏最终的展示效果
大屏模板功能概要
此大屏中包含了以下组件：3D中国地图、基础柱形图、图标翻牌器、图片、文字、自定义背景、轮播列表
另外此大屏使用了系统中的交互功能
数据交互：比如将鼠标悬浮在黑龙江省，即可显示黑龙江省的疫情分布数据
交互-下钻：点击地图上的湖南省，即可下钻到湖南省对应的省级地图。
交互-上钻：点击地图外部区域，即可上钻到中国地图
交互-立体旋转：鼠标拖拽地图，即可实现自由方向旋转地图
# 5.5.2使用步骤如下
1、从屏幕设计点击创建大屏，选择3D全国新型冠状病毒感染的肺炎疫情分布模板进行创建对应模板大屏
点击确定即可见到构建完毕的大屏（黑色部分为鼠标悬浮在省份上的颜色）。
2、地图各功能配置介绍
本指南主要介绍 3D中国新冠疫情分布地图（以下简称3D中国地图）该组件的配置，不过多介绍其他组件。3D中国新冠疫情分布地图支持三个维度的配置：数据源配置、地图样式配置、业务数据配置。
# 5.5.2.1数据源配置
地图的绘制首先需要一个地图源数据，3D中国地图的数据源来自阿里的DataV.GeoAtlas (opens new window)。数据源配置支持以下三个方面配置。
1、数据源 url: 输入返回 GeoJson 格式数据的请求 url（如https://geo.datav.aliyun.com/areas_v3/bound/100000_full.json），点击保存即可更新地图。
2、数据 Json: 输入 GeoJson 格式的数据到输入框，点击保存即可更新地图
3、文件上传: 上传 GeoJson 格式的文件，即可更新地图
# 5.5.2.2地图样式配置
地图样式配置分为：地图样式配置和相机视角配置
# 5.5.2.2.1地图样式配置：
- 1-9 、10-99、100-499...的颜色配置表示对应省份新冠人数达到对应条件时的颜色
- 边界线颜色：地图各省份边界线颜色
- 省份名颜色: 省份名字体颜色
- 省名字大小：省名字体大小
- 边界线宽度：地图各省份边界线的粗细
- 透明度： 地图的透明度越低，可以更清晰地看到地图的背景色
- Hover 颜色： 鼠标悬浮在某个省份时的颜色
- 场景背景色：地图背景的颜色
- 地图纵深： 地图立体的深度
# 5.5.2.2.2相机视角配置
3D中国地图为3D组件，故有3D维度坐标概念。如下图。
相机X轴：X轴越大，地图右侧越偏向屏幕方旋转，地图左侧越偏向屏幕内侧方旋转。如下图所示。
相机Y轴：Y轴越大，地图上侧侧越偏向屏幕方旋转，地图下侧越偏向屏幕内侧方旋转。如下图所示。
相机Z轴：Z轴越大，地图越远离屏幕，Z轴越小，地图越靠近屏幕。如下图所示。
- 相机角度：角度越大，地图越远离屏幕，角度越小，地图越靠近屏幕。
# 5.5.3业务数据配置
业务数据配置分为业务数据配置和业务数据样式配置。
# 5.5.3.1业务数据配置
静态数据简易版格式如下：userDataConfig 为鼠标悬浮在某个省时展示的业务数据配置；thermalValueData 为地图各个省份的新冠分布数据（地图的业务数据配置通过adcode来进行交互）。如果是通过网络请求数据，请务必保证返回的数据格式与之相同。
{ "userDataConfig": [ { "adcode": "440000", "name": "广东省", "content": [ { "name": "地区", "value": "广东省" }, { "name": "确诊人数", "value": 450 }, { "name": "治愈人数", "value": 189 }, { "name": "疑似病例", "value": 90 }, { "name": "死亡人数", "value": 39 } ] }], "thermalValueData": [ { "area_id": 820000, "value": 10 }, { "area_id": 650000, "value": 76 }, { "area_id": 630000, "value": 18 } ] }
# 5.5.3.2业务数据样式配置
主要配置鼠标悬浮在某个省时的数据展示样式（需要在数据源配置业务数据）。
