爬取ESRI疫情地图数据

需求:获取全国省级疫情数据,ESRI疫情地图数据较为齐全

参考:

1. CSDN:qq_36523007:腾讯疫情数据获取

2. vue.js官方:使用 axios 访问 API

3. 博客园:Mona-雅:如何将后台传过来的Date日期格式化

1 网页疫情数据json请求接口

按【F12】打开开发者工具→【网络】选项卡→【类型】,按照类型排序,找到“json”请求,新建标签页打开。

 2 获取最新疫情数据

let province = ['北京', '天津', '河北', '山西', '内蒙古',
    '辽宁', '吉林', '黑龙江', '上海', '江苏',
    '浙江', '安徽', '福建', '江西', '山东',
    '河南', '湖北', '湖南', '广东', '广西',
    '海南', '重庆', '四川', '贵州', '云南',
    '西藏', '陕西', '甘肃', '青海', '宁夏',
    '新疆', '台湾', '香港', '澳门'
]
let date = new Date();
let year = date.getFullYear();
let month = date.getMonth() + 1;
let yesterday = date.getDate() - 1;
//时间格式化为yyyyMMdd
let url = 'http://49.4.25.117/JKZX/yq_' + year +
    `${month < 10 ? '0'+month : month}` +
    `${yesterday < 10 ? '0'+yesterday : yesterday}` + '.json';
//let json=require('../../assets/json/yq_20200504.json'); //加载本地
Axios.get(url).then(res => {
    //获取数据
    let features = res.data.features;
    let data = new Array();
    for (let i = 0; i < features.length; i++) {
        data.push({
            name: province[i],
            value: [
                features[i].properties.累计确诊,
                features[i].properties.新增确诊,
                features[i].properties.累计疑似,
                features[i].properties.新增疑似,
                features[i].properties.累计死亡,
                features[i].properties.新增死亡
            ]
        });
    }
})

3 问题

axios.get获取的response.data无法传出then函数,等了解清楚vue.js生命周期、回调函数、箭头函数后才能解决。

posted @ 2020-05-03 10:26  贝可考拉  阅读(291)  评论(0编辑  收藏  举报