echarts地图自定义图标添加点击事件

要在Echarts地图上为自定义图标添加点击事件，可以通过设置地图的markPoint选项的itemStyle属性和event属性来实现。具体来说，可以通过以下代码来设置：

option = {
    series: [{
        type: 'map',
        markPoint: {
            symbol: 'image://url/to/image.png', // 图标的URL路径
            symbolSize: [30, 30], // 图标的大小
            symbolOffset: [0, -15], // 图标的偏移量，负数表示向上偏移
            label: {
                show: true, // 显示标签
                position: 'top', // 标签的位置
                fontSize: 12, // 标签的字号大小
                formatter: '{b}' // 标签的内容
            },
            itemStyle: { // 标记的样式
                color: 'red' // 图标的颜色
            },
            data: [
                {name: '北京', geoCoord: [116.46, 39.92]}, // 标记的数据
                {name: '上海', geoCoord: [121.48, 31.22]},
                {name: '广州', geoCoord: [113.23, 23.16]},
                // ...
            ]
        },
        data: data // 地图数据
    }]
};

// 为自定义图标添加点击事件
myChart.on('click', function(params) {
    if (params.componentType === 'markPoint') { // 判断点击的组件类型是否为markPoint
        console.log('点击了' + params.name); // 输出点击的标记的名称
    }
});

其中，markPoint选项中的itemStyle属性设置为{color: 'red'}，表示标记的样式为红色；event属性通过myChart对象的on方法实现，判断点击的组件类型是否为markPoint，如果是则输出点击的标记的名称。这样设置之后，就可以为自定义图标添加点击事件了。