echarts 实现中国地图

// 网上下载正确的china.js ，并在组件中引入，如果省份之间出现裂隙，则是china.js 不正确
 initMap() {
      const map = this.$refs.map;
      let myChart = echarts.getInstanceByDom(map);
      //  避免echarts重复初始化
      if (isNil(myChart)) {
        myChart = echarts.init(map);
      }

      window.onresize = myChart.resize;
      // echats 实现中国地图
      myChart.setOption({
        // 进行相关配置
        backgroundColor: "#fff",
        tooltip: {
          trigger: "item",
          formatter: function (params) {
          // 自定义
          },
        },

        // 鼠标移到图里面的浮动提示框
        visualMap: {
          left: "left",
          min: 0,
          max: 100000,
          top: "center",
          inRange: {
            color: ["#e0ffff", "#006edd"],
          },
          show: false,
        },

        geo: {
          // 这个是重点配置区
          map: "china", // 表示中国地图
          label: {
            normal: {
              show: true, // 是否显示对应地名
              textStyle: {
                fontSize: "10",
                color: "rgba(0,0,0,0.4)",
              },
            },
          },
          roam: false,
          zoom: 1.2,
          itemStyle: {
            normal: {
              borderColor: "rgba(0, 0, 0, 0.2)", // 图形的描边颜
            },
            emphasis: {
              areaColor: "#F3B329",
              shadowOffsetX: 0,
              shadowOffsetY: 0,
              shadowBlur: 20,
              borderWidth: 0,
              shadowColor: "rgba(0, 0, 0, 0.5)",
            },
          },
        },

        series: [
          {
            name: "", // 浮动框的标题
            type: "map",
            geoIndex: 0,
            silent: true, // 禁止地图hover事件
            // itemStyle: {
            //   // 图形样式
            //   normal: { label: { show: true } }, // 默认状态下地图的文字
            //   emphasis: { label: { show: true } }, // 鼠标放到地图上面显示文字
            // },

            data: [],
          },
        ],
      });
    },```