cesium地下模式的示例代码
时间: 2023-02-05 17:48:50 浏览: 59
Cesium 是一款开源的 3D 地球浏览器开发工具,您可以使用 Cesium 在浏览器中查看 3D 地球模型、加载地图服务和地理空间数据等。
下面是一个简单的 Cesium 地下模式的示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<link href="https://cesium.com/downloads/cesiumjs/releases/1.72.0/build/cesium.css" rel="stylesheet" />
<script src="https://cesium.com/downloads/cesiumjs/releases/1.72.0/build/cesium.js"></script>
<style>
@import url(https://fonts.googleapis.com/css?family=Roboto);
@import url(https://cesium.com/downloads/cesiumjs/releases/1.72.0/build/widgets.css);
body {
margin: 0;
padding: 0;
overflow: hidden;
font-family: 'Roboto', sans-serif;
}
</style>
</head>
<body>
<div id="cesiumContainer"></div>
<script>
var viewer = new Cesium.Viewer("cesiumContainer", {
sceneMode: Cesium.SceneMode.SCENE3D,
fullscreenButton: false,
homeButton: false,
timeline: false,
navigationHelpButton: false,
navigationInstructionsInitiallyVisible: false,
infoBox: false,
selectionIndicator: false,
});
// 在地下 50 米处添加一个立方体
var box = viewer.entities.add({
name: "Box",
position: Cesium.Cartesian3.fromDegrees(-75.59777, 40.03883, -50),
box: {
dimensions: new Cesium.Cartesian3(400000.0, 300000.0, 500000.0),
material: Cesium.Color.RED.withAlpha(0.5),
},
});
// 使用水平转动控制器查看地下模型
viewer.trackedEntity = box;
</script>
</body>
</html>
```
在上面的代码中,我们首先使用 Cesium.Viewer 创建了一个 3D 地球浏览器,并使用 Cesium.entities.
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.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)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)