效果圖
需要的文件：
代碼中的三個js文件官網可下、兩張圖片和pisa.hdr文件（實在找不到可去官網扒）
需要注意的一點是如果你是在本地運行，無服務器的環境下，谷歌可能會報錯，效果出不來，好像是因爲跨域的問題，火狐可以
代碼如下(代碼是網上的)
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div id="earth" style="width: 100%; height: 600px"></div>
<script src="./echarts.js"></script>
<script src="./echarts-gl.js"></script>
<script src="./world.js"></script>
<script>
var dom = document.getElementById("earth")
var myChart = echarts.init(dom);
option = {
backgroundColor: '#000',
globe: {
baseTexture: "./world.jpg",
heightTexture: "./world.jpg",
displacementScale: 0.04,
shading: 'realistic',
environment: './starfield.jpg',
realisticMaterial: {
roughness: 0.9
},
postEffect: {
enable: true
},
light: {
main: {
intensity: 5,
shadow: true
},
ambientCubemap: {
texture: './pisa.hdr',
diffuseIntensity: 0.2
}
}
}
};
if (option && typeof option === "object") {
myChart.setOption(option, true);
}
</script>
</body>
</html>