echarts 世界地图 json文件_Python制作新冠疫情世界地图

本文介绍了如何利用Python的pyecharts库结合腾讯地图数据,绘制全球新冠疫情地图。内容包括pyecharts模块介绍、安装、测试,以及实战部分的需求分析、数据请求、数据处理、地图制作和设置。
摘要由CSDN通过智能技术生成

目录

pyecharts模块

简介

Echarts 是一个由百度开源的数据可视化,凭借着良好的交互性,精巧的图表设计,得到了众多开发者的认可。而 Python 是一门富有表达力的语言,很适合用于数据处理。当数据分析遇上数据可视化时,pyecharts 诞生了

20ef38c73c71da82bc822afc5935db0f.png

如果想要掌握pyecharts,可以阅读 pyecharts中文文档 ,里面的图表类型和配置项写的非常详细,我就不过多的赘述了

安装pyecharts

安装的命令也非常简单:

pip install pyecharts

安装成功:

96945f1aae56c74735557ecc091a38b1.png

测试pyecharts模块

我们可以尝试运行官方文档所给出的几个小例子来测试一下pyecharts模块是否成功安装

打开编辑器,输入并运行以下代码:

from pyecharts.charts import Bar
from pyecharts import options as opts
# 内置主题类型可查看 pyecharts.globals.ThemeType
from pyecharts.globals import ThemeType

bar = (
    Bar(init_opts=opts.InitOpts(theme=ThemeType.LIGHT))
    .add_xaxis(["衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子"])
    .add_yaxis("商家A", [5, 20, 36, 10, 75, 90])
    .add_yaxis("商家B", [15, 6, 45, 20, 35, 66])
    .set_global_opts(title_opts=opts.TitleOpts(title="主标题", subtitle="副标题"))
)
bar.render()   #保存为html文件

若此时在当前目录下生成了一个名为render.html的文件

f39efe7e6f079c6b8a35591a58945520.png

打开此文件,看到如下的图片则证明安装模块成功

af20296ad05c4dd55b69f7dfd301e370.png

pyecharts实战:绘制新冠肺炎疫情地图

需求分析

想要制作全球疫情的地图(空气质量图,人口分布图也是同理),首先需要的就是每个国家的疫情数据,比如人数,治愈数,增长数...... 那么我们该如何获取到这些信息呢?

请求数据

我们发现很多app和网页上都会有最新的疫情信息公布,我选取的数据来源是腾讯地图。

首先打开 腾讯地图的疫情信息页 ,可以发现疫情的信息展现在这一页中

90ca70ef786a748766b0bbc768163d7e.png

获取这些信息的方法有很多种,可以是用表达式提取,也可以抓包分析,我更喜欢的一种方法是抓包分析。

右击《检查》,点击《network》选项卡并刷新界面,看到加载出来很多数据包,找到里面最像列表的一个list数据包

3970e671cd3be52d47db6a6abc013ab3.png

此时发现,这个list数据包正式我们要提取的数据列表,里面的每个键值对都代表着相应的数据,提取到这些键值对就可以获取到所有的数据信息了,再次回到headers,选项卡下面对应的网址就是我们即将请求的网址,这里我们需要注意的是,这个网址对应的请求是post而不是我们经常使用的get

9c0fbd7dbeab40d07740fc69283094a4.png

向网页请求数据:

import requests

url = '
  • 0
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
首先,需要安装 `echarts` 和 `echarts-for-react`: ``` npm install echarts echarts-for-react ``` 然后,在项目中引入乌兰察布地图json 文件。可以在 echarts 官网的地图下载页面下载对应地图json 文件。 假设下载得到的文件名为 `ulanchabu.json`,将其放在项目的 `public` 文件夹下。 接着,就可以在代码中使用 echarts-for-react 来渲染地图了。以下是一个示例: ```tsx import React from "react"; import ReactEcharts from "echarts-for-react"; type MapData = { name: string; value: number; }; type MapOption = { series: { type: string; mapType: string; roam: boolean; label: { show: boolean; }; data: MapData[]; }[]; }; const UlanChabuMap: React.FC = () => { const mapGeoJson = require("../../public/ulanchabu.json"); const option: MapOption = { series: [ { type: "map", mapType: "none", roam: true, label: { show: true, }, data: [ { name: "集宁区", value: 100 }, { name: "卓资县", value: 200 }, { name: "化德县", value: 150 }, { name: "商都县", value: 300 }, { name: "兴和县", value: 250 }, { name: "丰镇市", value: 200 }, { name: "凉城县", value: 50 }, { name: "察哈尔右翼前旗", value: 100 }, { name: "察哈尔右翼中旗", value: 80 }, { name: "察哈尔右翼后旗", value: 90 }, ], }, ], }; return ( <ReactEcharts style={{ height: "500px", width: "100%" }} option={{ ...option, geo: { map: "乌兰察布市", roam: true, label: { show: true, }, itemStyle: { areaColor: "#f2f2f2", borderColor: "#ddd", }, emphasis: { itemStyle: { areaColor: "#f9d5d5", }, label: { show: true, }, }, }, series: [ { ...option.series[0], mapType: "乌兰察布市", data: option.series[0].data.map((item) => { return { name: item.name, value: item.value, }; }), label: { show: false, }, itemStyle: { areaColor: "#f2f2f2", borderColor: "#ddd", }, emphasis: { itemStyle: { areaColor: "#f9d5d5", }, label: { show: true, }, }, }, ], }} notMerge={true} lazyUpdate={true} mapOption={{ geoJSON: mapGeoJson, specialAreas: {}, }} /> ); }; export default UlanChabuMap; ``` 这个示例中,我们定义了一个 `UlanChabuMap` 组件,用来展示乌兰察布市的地图。 首先,我们在组件中引入了 `ulanchabu.json` 文件,并将其赋值给 `mapGeoJson` 变量。 接着,我们定义了一个 `option` 对象,用来配置地图的样式和数据。在这个对象中,我们定义了一个 `series` 数组,其中包含了一个 `type` 为 `"map"` 的系列,表示这是一个地图系列;`mapType` 为 `"none"`,表示此时地图还没有加载;`roam` 为 `true`,表示可以通过鼠标拖动和缩放地图;`label` 对象的 `show` 属性为 `true`,表示显示地图上每个区域的名称;`data` 数组表示每个区域的数据,这里只是模拟数据,实际中需要根据实际情况来设置。 接着,在组件的返回值中,我们使用 `ReactEcharts` 组件来渲染地图。在这个组件中,我们传入了以下几个属性: - `style`:用来设置地图的高度和宽度。 - `option`:用来设置地图的配置项。在这里,我们将之前定义的 `option` 对象传入,并对其进行了一些修改,使其能够正确地显示乌兰察布市的地图。 - `notMerge` 和 `lazyUpdate` 属性都为 `true`,表示不进行合并和延迟更新。 - `mapOption`:用来设置地图的配置项,包括地图的 GeoJSON 数据和特殊区域的配置。在这里,我们将之前引入的 `ulanchabu.json` 文件传入,作为地图的 GeoJSON 数据。 最后,我们将 `UlanChabuMap` 组件导出,就可以在其他地方使用它来展示乌兰察布市的地图了。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值