echarts如何实现样式漂亮的地图效果？前端开发人员在收到ui设计师设计的数据可视化大屏后，有时候会比较头疼，因为ui设计设计的地图太华丽，华丽到前端开发人员没办法通过echarts实现出来，这要怎么办呢？最开始我遇到这种情况是真的无从下手，不知道如何实现，但是客户提出你们都设计出来了就应该给我实现，实现不了设计出来干啥？一顿抓耳挠腮，想到了一个办法，把这张地图做成一个背景图，然后通过echarts覆盖上去就可以了。

echarts地图

首先我们先通过echarts实现这样形状大小比例差不多效果的地图，echarts地图形状大小位置比例都调整好了，然后将地图设置的opacity设置为0就可以了。

geo: {
  map: nameMap,
  show: true,
  aspectScale: 0.80,
  layoutCenter: ["50%", "70%"],
  layoutSize: '120%',
  roam: false,
  itemStyle: {
    normal: {
      borderColor: 'rgba(147, 235, 248, 0)',
      borderWidth: 0.5,
      areaColor: 'rgba(147, 235, 248, 1)',
      opacity: 0,
    },
    emphasis: {
      borderColor: 'rgba(147, 235, 248, 0)',
      borderWidth: 0.5,
      areaColor: 'rgba(147, 235, 248, 0)',
      opacity: 0,
    }
  },
  z: 0,
  label: {
    normal: {
      show: false
    },
    emphasis: {
      show: false
    }
  }
},