public/data/geo-svg-scatter-simple.js

/*
title: GEO SVG Scatter
category: map
titleCN: 散点图（SVG）
*/


$.get(ROOT_PATH + '/data/asset/geo/Map_of_Iceland.svg', function (svg) {

    echarts.registerMap('iceland_svg', { svg: svg });

    option = {
        tooltip: {
        },
        geo: {
            tooltip: {
                show: true
            },
            map: 'iceland_svg',
            roam: true
        },
        series: {
            type: 'effectScatter',
            coordinateSystem: 'geo',
            geoIndex: 0,
            symbolSize: function (params) {
                return (params[2] / 100 * 15) + 5;
            },
            itemStyle: {
                color: '#b02a02'
            },
            encode: {
                tooltip: 2
            },
            data: [
                [488.2358421078053, 459.70913833075736, 100],
                [770.3415644319939, 757.9672194986475, 30],
                [1180.0329284196291, 743.6141808346214, 80],
                [894.03790632245, 1188.1985153835008, 61],
                [1372.98925630313, 477.3839988649537, 70],
                [1378.62251255796, 935.6708486282843, 81],
            ]
        }
    };

    myChart.setOption(option);

    myChart.getZr().on('click', function (params) {
        var pixelPoint = [params.offsetX, params.offsetY];
        var dataPoint = myChart.convertFromPixel({ geoIndex: 0 }, pixelPoint);
        console.log(dataPoint);
    });

});