react 地图点击事件+地图下钻

昨天临时加需求要做一个地图点击出现弹窗，搞了半天想搞一个动态定位没想到做了一天；

首先来看看下钻到第二级；

第一步

添加provinces.js文件，将34个省、市、区与名字进行映射，拼音对应的每个省、市、区的json文件，在这里要注意，json文件要写在public文件夹下，fetch才能访问每个json文件，不然会报路径错误

第二步

在页面中引入provinces.js文件

第三步

添加点击事件，获取点击地图后的名称，定义变量，判断点击的地名是否存在于provinces.js文件中，使用fetch调用本地json文件，再次调用地图，注册省份地图数据，至此地图下钻已完成。

地图弹窗折磨了我半天时间，没想到那么麻烦

第一步

根据散点图的唯一值来判断是否出现弹窗，如下图2；

获取offsetX、offsetY值，重新计算且赋值给x、y；值得注意的是必须定义变量如下图1；

第二步

写弹窗内容，将弹窗样式改为相对定位，动态left、bottom；