React项目引入中国地图

项目需求

1. 在React项目中引入中国地图，完成基础数据的渲染（类似疫情地图那样）
2. 点击地图可以显示某个地区的多个item，点击之后可以路由到不同的页面

前期工作

 因为Echarts我记得之前是支持地图组件的，可是现在因为涉及到一些问题，不能使用了。详细的可以查看官方文档配置项（series map类型）。所以现在需要引入china.js这个文件（原因：官方说的是因为现在地图精度的提高，代码增多，需要下载文件并引入），上网查了一些资料也看了一些博客，最后还是看官方文档（真的开发千万要看文档，磨刀不误砍柴功）：

ECharts 中提供了两种格式的地图数据，一种是可以直接 script 标签引入的 js 文件，引入后会自动注册地图名字和数据。还有一种是 JSON 文件，需要通过 AJAX 异步加载后手动注册。

这段是官方文档讲的两种方法（我采用的是第一种）

//-----------方法一-----------------
<script src="echarts.js"></script>
<script src="map/js/china.js"></script>
<script>

//react项目的话就写到componentDidMount，用hook类似
var