请写一个html三维地球代码
时间: 2024-06-10 17:04:50 浏览: 13
好的,以下是一个简单的HTML三维地球代码示例:
```
<!DOCTYPE html>
<html>
<head>
<title>三维地球</title>
<style>
#container {
width: 800px;
height: 600px;
}
</style>
</head>
<body>
<div id="container"></div>
<script src="https://cdn.jsdelivr.net/npm/@glondea/three-globe"></script>
<script>
const globe = new ThreeGlobe()
.globeImageUrl('https://unpkg.com/three-globe/example/img/earth-night.jpg')
.bumpImageUrl('https://unpkg.com/three-globe/example/img/earth-topology.png')
.pointOfView({ lat: 36.301340, lng: 138.677034, altitude: 2.5 })
.pointsData([{ lat: 51.509865, lng: -0.118092, value: 20 }]) // 添加一个点,这里是伦敦的坐标
.animate();
document.getElementById('container').appendChild(globe.renderer.domElement)
</script>
</body>
</html>
```
这段代码使用了 three-globe 库来创建三维地球,并且使用了一个带有夜晚纹理的地球图片和一个高程图来呈现地球表面。它还添加了一个伦敦的坐标点。
相关推荐
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)