echarts3.8.5 + vue 2.0 实现Map地图下钻，市级click事件下钻到区级再返回省级无法获取点击事件params的name值

[IdenPin]

省市区三级地图下钻，click事件市级别偶尔无法获取name属性

ECharts option [ECharts配置项]

mounted() {
      this.chinaMap = this.$echarts.init(this.$refs['china-map']);
      this.provinceMap = this.$echarts.init(this.$refs['province-map']);
      this.cityMap = this.$echarts.init(this.$refs['city-map']);
      this.loadMap("china", "china", this.chinaMap);
      this.addEvent();
    },
    methods: {
      addEvent() {
        var that = this;
        that.chinaMap.on("click", function(data) {
          console.log('一级点击echart返回Data:',data)
          if (!data.data) {
            return false;
          }
          that.selectProinveName = data.name;
          that.loadMap(data.name + "/" + data.name, data.name, that.provinceMap);
        });
        that.provinceMap.on("click", function(data) {
          console.log('二级点击echart返回Data:',data)
          if (data.name) {
            that.loadMap(
              that.selectProinveName + "/" + data.name,
              data.name,
              that.cityMap
            );
          }
        });
      },
      loadMap(url, mapName, chartDom) {
        $.getJSON("../../../../static/map-data/" + url + ".json", data => {
          if (data) {
            var option = {
              tooltip: {
                trigger: "item",
                formatter: "{b}",
                position: [10, 10],
                borderColor: "#000",
                borderWidth: 1,
                backgroundColor: "rgba(0,0,0,0.7)",
                borderRadius: 0,
                padding: [3, 10, 3, 10],
                textStyle: {
                  color: "#fff",
                  fontSize: 12
                },
                extraCssText: "box-shadow: 0 0 3px rgba(0, 0, 0, 0.3)"
              },
              series: [{
                name: "",
                type: "map",
                map: mapName,
                roam: true,
                zoom:1.5,
                
                // selectedMode : 'multiple',
                label: {
                  normal: {
                    show: true, //显示省份标签
                    textStyle: {
                      color: "#111"
                    } //省份标签字体颜色
                  },
                  emphasis: {
                    //对应的鼠标悬浮效果
                    show: true,
                    textStyle: {
                      color: "#fff"
                    }
                  }
                },
                itemStyle: {
                  normal: {
                    borderWidth: 0.5, //区域边框宽度
                    borderColor: "#f1f1f1", //区域边框颜色
                    areaColor: "#6491e8" //区域颜色
                  },
                  emphasis: {
                    borderWidth: 0.5,
                    borderColor: "#c86a79",
                    areaColor: "#2f67dd"
                  }
                },
                data: []
              }]
            };
             //向echarts插件注册地图
            setTimeout(() => {
              this.$echarts.registerMap(mapName, data);
              chartDom.setOption(option);
            },500)
          } else {
            alert("无法加载该地图");
          }
        });
      }
    }

Other comments [其他信息]

正确情况应该返回name属性：

下面是错误截图：

[Snatch-jie]

大哥，请问您有没有较新的市区/县的地图。
在网上找的都是旧的 比如我找到的深圳（只有宝安,龙岗,福田,罗湖,南山）。没有龙华 大鹏新区 光明等。
跪求~~~~~ 谢谢

[IdenPin]

@Snatch-jie 百度npm 安装echart里面自带的有，你打开你项目node_modules里面找下。
或者通过高德地图自己下载下 http://lbs.amap.com/api/webservice/guide/api/district/

[Snatch-jie]

@IdenPin 百度npm 安装echart里面自带的有 这个已经看过了。只有国和省份的。没有市/县的
您讲的 ‘’高德地图‘’得方法我看看先。
您发的高德地图得链接---下面的案例 有个山东省的 貌似可以
万分感谢 提供方法。 谢谢

[cag2050]

@IdenPin 可能原因：返回后，地图里没有填充数据的，点击时无法获得正确的 event.name 值。
你看看是不是这个原因？
demo 地址：https://github.com/cag2050/vue_echarts_v3_demo