227Echarts - 3D 地球(Iron globe)

简介: 227Echarts - 3D 地球(Iron globe)
效果图

源代码
option = {
    backgroundColor: '#000',
    globe: {
        baseTexture: "data-gl/asset/world.topo.bathy.200401.jpg",
        heightTexture: "data-gl/asset/bathymetry_bw_composite_4k.jpg",
        displacementScale: 0.2,
        shading: 'realistic',
        environment: 'data-gl/asset/starfield.jpg',
        realisticMaterial: {
            roughness: '/asset/get/s/data-1497599804873-H1SHkG-mZ.jpg',
            metalness: '/asset/get/s/data-1497599800643-BJbHyGWQW.jpg',
            textureTiling: [8, 4]
        },
        postEffect: {
            enable: true
        },
        viewControl: {
            autoRotate: false
        },
        light: {
            main: {
                intensity: 2,
                shadow: true
            },
            ambientCubemap: {
                texture: 'data-gl/asset/pisa.hdr',
                exposure: 2,
                diffuseIntensity: 2,
                specularIntensity: 2
            }
        }
    }
};
目录
相关文章
263Echarts - 3D 折线图(三维折线图正交投影)
263Echarts - 3D 折线图(三维折线图正交投影)
140 0
|
6月前
|
数据可视化 JavaScript 前端开发
使用 ECharts 绘制3D饼图,立体效果华丽渲染!
使用 ECharts 绘制3D饼图,立体效果华丽渲染!
|
7月前
|
JSON 程序员 定位技术
使用echarts+echarts-gl绘制3d地图,实现地图轮播效果
记录一下大屏开发中使用到的echarts-gl 大屏的页面根据需求前前后后改了几个版本了,地图的样式也改了又改 这里记录一下,因为echarts属性用到的比较多也比较杂,防止以后需要用到忘记了
|
定位技术
257Echarts - 3D 地图(Buildings)
257Echarts - 3D 地图(Buildings)
69 1
251Echarts - 3D 曲面(Breather)
251Echarts - 3D 曲面(Breather)
50 0
262Echarts - 3D 路径图(Flights on Geo3D)
262Echarts - 3D 路径图(Flights on Geo3D)
93 0
261Echarts - 3D 路径图(Flights GL)
261Echarts - 3D 路径图(Flights GL)
73 0
260Echarts - 3D 路径图(Flights)
260Echarts - 3D 路径图(Flights)
63 0
259Echarts - 3D 路径图(Airline on Globe)
259Echarts - 3D 路径图(Airline on Globe)
49 0
|
定位技术
258Echarts - 3D 地图(Wood City)
258Echarts - 3D 地图(Wood City)
115 0
下一篇
DataWorks