echarts世界地图，高亮指定国家颜色自定义

ECharts的世界地图插件允许你在图表中展示全球各个国家，并能够对特定国家进行高亮显示，自定义颜色。要实现这个功能，首先需要安装echarts和相应的world地图数据。以下是一个基本步骤：

1. 引入ECharts库及其地图组件：

<script src="https://cdn.jsdelivr.net/npm/echarts@latest/dist/echarts.min.js"></script>
<script src="https://uploader.echarts.cn/api/leaflet.js"></script>

2. 初始化地图并加载数据：

var map = echarts.init(document.getElementById('map'));
map.registerMap('world', ...); // 从官方地图数据源获取world地图数据

// 加载地图数据和高亮的国家信息
map.setOption({
  geo: {
    map: 'world',
    roam: true,
    select : {
      // 高亮国家名称，你可以替换为你想突出显眼的国家名
      name: ['中国'],
      itemStyle: { normal: { color: '#FF0000' } }, // 自定义颜色，这里是红色
    },
    regions: [
      ... // 地区数据，包括国家的地理位置等信息
    ]
  }
});

3. 可以通过监听`georoamEnd`事件，动态更新高亮区域：

map.on('georoamEnd', function (params) {
  var selectedRegion = map.getGeoCoordSys().getZoomedRegions()[0];
  if (selectedRegion) {
    map.select.selectedName = selectedRegion.name;
  }
});