222Echarts - 3D 地球（Globe Displacement）

效果图

源代码

option = {
    globe: {
        displacementTexture: 'data-gl/asset/bathymetry_bw_composite_4k.jpg',

        displacementScale: 0.1,
        displacementQuality: 'ultra',

        shading: 'realistic',
        realisticMaterial: {
            roughness: 0.8,
            metalness: 0
        },

        postEffect: {
            enable: true,
            SSAO: {
                enable: true,
                radius: 2,
                intensity: 1.5,
                quality: 'high'
            }
        },
        temporalSuperSampling: {
            enable: true
        },
        light: {
            ambient: {
                intensity: 0
            },
            main: {
                intensity: 1,
                shadow: true
            },
            ambientCubemap: {
                texture: 'data-gl/asset/pisa.hdr',
                exposure: 1,
                diffuseIntensity: 0.2
            }
        },
        viewControl: {
            autoRotate: false
        },
        debug: {
            wireframe: {
                show: true
            }
        }
    },
    series: []
};