echarts3d地图 使用scatter3D点击事件

要在Echarts 3D地图上使用scatter3D点击事件，您可以使用Echarts提供的事件监听器来实现。以下是一个简单的示例代码：

// 定义地图数据
var data = [
    [116.407395, 39.904211, 100],
    [121.473701, 31.230416, 200],
    [113.280637, 23.125178, 300]
];

// 定义散点图配置项
var option = {
    tooltip: {},
    visualMap: {
        show: false,
        min: 0,
        max: 500,
        inRange: {
            color: ['#50a3ba', '#eac736', '#d94e5d']
        }
    },
    geo3D: {
        map: 'china',
        shading: 'lambert',
        environment: '#fff',
        light: {
            main: {
                intensity: 5,
                shadow: true
            },
            ambient: {
                intensity: 0
            },
            ambientCubemap: {
                texture: 'data-gl/asset/canyon.hdr',
                exposure: 2,
                diffuseIntensity: 0.5,
                specularIntensity: 2
            }
        }
    },
    series: {
        type: 'scatter3D',
        coordinateSystem: 'geo3D',
        symbolSize: 10,
        opacity: 0.8,
        data: data
    }
};

// 渲染地图
var chart = echarts.init(document.getElementById('main'));
chart.setOption(option);

// 监听散点图的点击事件
chart.on('click', function(params) {
    if (params.seriesType === 'scatter3D') {
        // 点击了散点图
        console.log('Clicked scatter3D point:', params.value);
    }
});

在这个示例中，我们首先定义了地图数据，然后定义了散点图的配置项，并在最后渲染了地图。在渲染地图后，我们使用`chart.on`方法监听`click`事件，然后在事件回调函数中判断`params.seriesType`是否为`scatter3D`，如果是，则打印出点击的散点图坐标。