干货 | 技术宅们在家是怎样线上支援疫情的?憋疯了，就来试一试

https://github.com/lcxfs1991/tencentcloudcourse

// 1. 接受链接上的query参数api，用于判断是输出html，还是输出数数
let api = event.queryString.api || false;

// 2. 请求疫情数据
let result = await axios.get(
  `https://view.inews.qq.com/g2/getOnsInfo?name=disease_h5}`
);

// 3. 中国地图数据
let china_map = JSON.stringify(require('./china.json'));

// 4. 解析并渲染 html 页面
let html = fs.readFileSync(path.resolve(__dirname, './index.html'), {
  encoding: 'utf-8'
});
html = render(html, { disease_data: result.data.data, china_map });

if (!api) {
  return {
    isBase64Encoded: false,
    statusCode: 200,
    headers: { 'Content-Type': 'text/html' },
    body: html
  };}// 5. 输出疫情数据return {
  isBase64Encoded: false,
  statusCode: 200,
  headers: { 'Content-Type': 'application/json' },
  body: result.data.data};

// 1. 填充地图模板变量
let china_map = ${china_map} || null;

// 2. 填充确诊、疑似、治愈、死亡数据
let chinaTotal = disease_data.chinaTotal;
let chinaAdd = disease_data.chinaAdd;

$('.confirm .add span').html(`+${chinaAdd.confirm}`);
$('.suspect .add span').html(`+${chinaAdd.suspect}`);
$('.cure .add span').html(`+${chinaAdd.heal}`);
$('.dead .add span').html(`+${chinaAdd.dead}`);

$('.confirm .number').html(`${chinaTotal.confirm}`);
$('.suspect .number').html(`${chinaTotal.suspect}`);
$('.cure .number').html(`${chinaTotal.heal}`);
$('.dead .number').html(`${chinaTotal.dead}`);

// 3. 处理疫情地图中的确诊数据格式
/**
 * 需要 {name: 'xxx', value: 'xxx'} 这样的格式
 */
let province = disease_data.areaTree[0].children;
let confirmData = province.map(function(item) {
  return {
    name: item.name,
    value: item.total.confirm
  };
});

// 4. 给疫情地图添加标题title: {
    text: '疫情地图',
    subtext: `${disease_data.lastUpdateTime} 更新`,
    left: 'right'},

// 5. 添加数据分段
pieces: [
    { min: 10000, label: '10000人及以上' },
    { min: 1000, max: 9999, label: '1000-9999人' },
    { min: 500, max: 999, label: '500-999人' },
    { min: 100, max: 499, label: '100-499人' },
    { min: 10, max: 99, label: '10-99人' },
    { min: 1, max: 9, label: '1-9人' }
],

// 6. 填写疫情地图的数据及悬浮框的展示信息
series: [
  {
    name: '确诊病例',
    type: 'map',
    roam: true,
    map: 'china',
    label: {
      show: true
    },
    emphasis: {
      label: {
        show: true
      }
    },
    data: confirmData
  }
];

// 7. 定时拉取
setInterval(function() {
  updateMap();
}, 60000);

https://www.echartsjs.com/examples/zh/editor.html?c=map-usa

Events:
  service-8lqamcni:
    Type: APIGW
    Properties:
      Enable: true
      StageName: release
      ServiceId:
      HttpMethod: GET
      IntegratedResponse: true

https://service-lltf3zya-1253970226.gz.apigw.tencentcs.com/release/demo_yiqing

https://yiqing.docschina.org/release/demo_yiqing

https://yiqing.docschina.org

https://yiqing.docschina.org/demo_yiqing