echarts给地图散点添加点击事件

要给 ECharts 地图散点添加点击事件，可以使用 ECharts 提供的事件处理函数。下面是一个简单的示例代码，演示了如何在地图上添加散点并为散点添加点击事件：

// 初始化echarts实例
var myChart = echarts.init(document.getElementById('main'));

// 定义散点数据
var data = [
    {name: '北京', value: [116.46, 39.92]},
    {name: '上海', value: [121.48, 31.22]},
    {name: '杭州', value: [120.19, 30.26]},
    //...
];

// 定义地图配置
var option = {
    tooltip: {},
    geo: {
        map: 'china'
    },
    series: [{
        name: '散点',
        type: 'scatter',
        coordinateSystem: 'geo',
        data: data,
        symbolSize: 10,
        label: {
            normal: {
                show: true,
                formatter: '{b}',
                position: 'right'
            }
        },
        itemStyle: {
            normal: {
                color: '#F06C00'
            }
        }
    }]
};

// 绑定点击事件
myChart.on('click', function (params) {
    if (params.componentType === 'series' && params.seriesType === 'scatter') {
        // 点击了散点，可以在这里添加你的逻辑
        console.log('clicked', params.name);
    }
});

// 渲染地图
myChart.setOption(option);

在上面的代码中，我们先定义了一个 data 数组，其中包含了一些城市的经纬度信息。然后定义了一个地图的配置对象，其中包含了一个散点图的系列，用于显示这些城市的位置。接着使用 `on` 方法绑定了一个点击事件，当用户点击散点时，会触发这个事件，我们可以在事件处理函数里添加自己的逻辑。

需要注意的是，散点图的系列类型是 `scatter`，地图投影方式是 `geo`，事件类型是 `click`。同时，由于 ECharts 可以支持多个系列，多个坐标系，因此在事件处理函数里需要判断用户点击的是哪个系列，以及系列的类型是什么。