echarts地图打点图标

你可以使用 ECharts 中的地图组件来实现地图打点图标的功能。下面是一个简单的示例代码：

// 引入 ECharts
import * as echarts from 'echarts';

// 创建地图实例
const chartDom = document.getElementById('chart');
const myChart = echarts.init(chartDom);

// 配置地图选项
const option = {
  tooltip: {},
  series: [{
    type: 'map',
    map: 'world',
    data: [
      { name: 'China', value: 100 },
      { name: 'United States', value: 50 },
      // 其他国家的数据...
    ],
    // 自定义图标样式
    itemStyle: {
      color: '#F00', // 图标颜色
      emphasis: {
        label: {
          show: true,
        },
      },
    },
    // 标注点样式
    markPoint: {
      symbol: 'pin', // 图标形状，可选值：circle、rect、roundRect、triangle、diamond、pin、arrow
      symbolSize: 50, // 图标大小
      label: {
        show: true,
      },
    },
  }],
};

// 使用配置项显示图表
myChart.setOption(option);

在上述代码中，我们创建了一个地图实例，并配置了地图的选项。其中 `data` 数组中的每个对象表示一个国家/地区，`value` 属性表示该国家/地区的数值。通过 `itemStyle` 可以自定义图标的颜色，而 `markPoint` 则用于设置标注点的样式，其中 `symbol` 用于选择图标的形状，`symbolSize` 用于设置图标的大小。

你可以根据自己的需求修改代码中的数据和样式，以适配你的地图打点图标需求。