Echarts地图点击事件与点击空白处事件

前言

最近有个需求是需要点击地图上的城市发送请求获取对应城市的数据，点击地图之外的区域获取全省的数据

实现

      //这是点击空白处的事件
      this.nxMap.getZr().on("click", (params) => {
        //判断如果target不存在证明点击的是空白处
        if (!params.target) {
          this.caseTitle = "全省";
          this.cityCode = "";
          this.initFourData();
        }
      });
      //这是点击地图中某个城市的的事件
      this.nxMap.on("click", (params) => {
        // console.log("🚀 ~ file: index.vue:621 ~ this.nxMap.on ~ params:", params)
        //这个是因为地图上有柱状图，点击柱状图也会触发点击事件，所以需要判断一下
        if(params.componentSubType === 'bar')return false;
        this.cityCode = this.toggleCityToCode(params.name);
        this.initFourData(this.cityCode);
        this.caseTitle = params.name;
      });