echart地图实现全球每个省份的点击选中

要实现这个功能，你需要先获取到全球各个省份的地图数据，可以从官方网站或第三方数据源获取。然后使用 Echarts 的地图组件将地图数据渲染出来。

接着，绑定地图的点击事件，在点击事件中获取到当前点击的省份信息，可以通过省份名称或代码来标识不同的省份。然后根据选中状态，修改对应省份的样式，比如修改颜色、边框等。

以下是一个简单的实现示例：

// 定义地图配置项
var option = {
  // 其他配置项...
  series: [{
    type: 'map',
    map: 'world',
    // 地图数据
    data: [
      {name: 'China', selected: false},
      {name: 'United States of America', selected: false},
      // 其他省份数据...
    ],
    // 地图样式配置
    itemStyle: {
      normal: {
        // 省份默认样式
        borderColor: 'rgba(0, 0, 0, 0.2)',
        borderWidth: 1,
        areaColor: '#fff'
      },
      emphasis: {
        // 省份选中样式
        areaColor: '#7cb5ec'
      }
    },
    // 点击事件
    selectedMode: 'single',
    label: {
      show: true
    },
    markPoint: {
      symbolSize: 20,
      large: true,
      effect: {
          show: true
      },
      data: [
        {name: 'China', value: '1'},
        {name: 'United States of America', value: '2'},
        // 其他省份数据...
      ],
      itemStyle: {
        normal: {
          borderColor: '#fff',
          borderWidth: 1,
          label: {
            show: false
          }
        }
      }
    },
    // 事件监听
    events: {
      'click': function(params) {
        // 获取当前点击的省份信息
        var name = params.name;
        var selected = params.selected;
        // 根据选中状态修改样式
        option.series[0].data.forEach(function(item) {
          if (item.name === name) {
            item.selected = !selected;
            item.itemStyle = selected ? option.series[0].itemStyle.normal : option.series[0].itemStyle.emphasis;
          }
        });
        // 重新渲染地图
        myChart.setOption(option);
      }
    }
  }]
};

// 初始化地图
var myChart = echarts.init(document.getElementById('main'));
myChart.setOption(option);

这里只是一个简单的示例，实际应用中还需要考虑数据源的更新、多选功能的实现等问题。