WE PROVIDE ENGLISH VERSION, PLEASE CLICK HERE

武汉新型冠状病毒防疫信息收集平台-地图可视化项目

本项目负责平台的信息展示，可视化地理信息。

基于ECharts可视化库及其他技术栈：

目的&设计：创建一个独立的疫情地图可视化，有两个主要目标
1. 地理精度：有市级地理粒度，最开始是一个全国地图的heatmap，点击一个省重绘成省map。（重绘参考）
2. 时间信息：有时间轴，点击一个地区可以画出stacked area chart之类的疫情发展图 (确诊/疑似/死亡为不同层)，也可以根据选择的时间点重绘地图。(时间轴参考案例)
使用：单独webpage，最终作为iframe整合进前端页面
- 与下面的通用组件不同，疫情地图与前端其他组件交互较少，且数据可以通过API直接获取，单独成项目更合理。

目的：用于可视化各种不同地理信息（例如医院位置，酒店位置，etc.）
使用：作为组件被前端调用，数据来自前端。
基础设计：点图+地图（参考例子）
交互：
- 不自带过滤等交互组件，上层应该自己创建checkbox, slider, etc. 过滤后数据传入地图组件可以重绘地图
- 接受传入的mouseEvent，可以帮助做信息过滤及定位（e.g., 点击一个省选中它的信息）
- (相关讨论)
数据格式设计讨论

合作指南参考主repo（viz没有项目机器人+注意将demo script改成我们的repo） TL;DR:

!!具体进行中及待领任务请看project面板

已经有基础疫情地图，界面排布根据界面大小的缩放而改动，能显示省市两个层级的疫情信息。已经接好了数据接口，可以从官方API拿到每日信息 (但是为了避免对API造成巨大负担现在是每日手动拉下来的。)

已经有可视化其他地理信息 (e.g. 求援医院地理位置，酒店位置) 的通用地图控件，用百度地图API，可以精确在地图上标出。

现在用mock数据做，之后应该会按照指示接入前端用来可视化他们的数据。接入数据后的一个展示见这里(图太大……)

# clone the repo
git clone git@github.com:wuhan2020/map-viz.git
# setup the npm env
cd map-viz
npm install
# start the project
npm start