用echarts绘制世界地图

首先，你需要准备一个包含世界各国数据的json文件。可以从echarts官网下载，也可以自己去寻找。

然后，在HTML文件中引入echarts的js文件和你准备的json文件。

接着，在script标签中编写如下代码：

var myChart = echarts.init(document.getElementById('main'));

// 设置地图的数据
var option = {
  // 设置地图的背景颜色
  backgroundColor: '#FFFFFF',

  // 设置标题
  title: {
    text: '世界地图',
    left: 'center',
    top: 20,
    textStyle: {
      color: '#000000'
    }
  },

  // 设置提示框
  tooltip: {
    trigger: 'item',
    formatter: '{b}'
  },

  // 设置地图
  geo: {
    map: 'world',
    roam: true,
    label: {
      emphasis: {
        show: false
      }
    },
    itemStyle: {
      normal: {
        areaColor: '#F4F4F4',
        borderColor: '#fff'
      },
      emphasis: {
        areaColor: '#F4F4F4'
      }
    }
  },

  // 设置系列数据
  series: [
    {
      name: '世界地图',
      type: 'map',
      mapType: 'world',
      roam: false,
      label: {
        show: false
      },
      data: [
        // 这里填写你准备的json文件中的数据
        {name: 'Afghanistan', value: 1},
        {name: 'Albania', value: 2},
        {name: 'Algeria', value: 3},
        // ...
      ]
    }
  ]
};

myChart.setOption(option);

以上代码中，我们设置了地图的背景颜色、标题、提示框、地图、系列数据等。其中，地图的数据来源于你准备的json文件。

最后，把以上代码保存为一个HTML文件，用浏览器打开即可看到绘制好的世界地图。