Cesium 设置背景

Cesium种设置背景目前我接触到的分下面几种:

1、设置背景图片

     

2、设置天空盒

天空和由六张图片按照一定的规则拼成了一个正方体,然后地球居于正方体中心。

 

3、设置背景色

 

viewer.scene.skyBox.show = false;
		viewer.scene.backgroundColor = Cesium.Color.RED;
		viewer.scene.sun.show = false; 
		viewer.scene.moon.show = false;

效果:此处显示地球

4、隐藏地球设置背景色(这种适合只看单个模型,不要地球)   

viewer.scene.skyBox.show = false;
        viewer.scene.backgroundColor = Cesium.Color.BLUE;
        viewer.scene.sun.show = false; 
        viewer.scene.moon.show = false;
        viewer.scene.globe.show = false;
viewer.scene.skyAtmosphere.show = false; //隐藏大气圈

效果:

有疑问可以给我留言或者联系我的qq951973194;感谢大家的关注。

Cesium是一个开源的JavaScript库,用于创建基于WebGL的地球和地理空间数据可视化应用。Cesium提供了许多功能强大的API,使用户可以自定义背景。 在Cesium中,可以通过以下步骤来自定义背景: 1. 首先,需要使用Cesium提供的Viewer类来创建一个视图对象。可以使用以下代码创建一个Viewer对象,这将创建一个默认的地球视图: ``` var viewer = new Cesium.Viewer('cesiumContainer'); ``` 2. 接下来,可以使用Viewer对象的scene属性来访问场景对象。场景对象提供了一系列用于渲染地球的方法和属性。 ``` var scene = viewer.scene; ``` 3. 要自定义背景,请使用scene对象的skyBox属性。skyBox属性是一个SkyBox对象,可以通过更改其属性来自定义背景。 ``` var skyBox = scene.skyBox; ``` 4. SkyBox对象有一个imagery属性,它定义了背景的图像。可以通过设置imagery属性来更改背景图像。假设有一个名为'custom-background.jpg'的自定义背景图像,可以使用以下代码将其设置背景图像: ``` var backgroundImageUrl = 'path/to/custom-background.jpg'; skyBox.imagery = new Cesium.SkyBoxImageryProvider({ positiveX: backgroundImageUrl, negativeX: backgroundImageUrl, positiveY: backgroundImageUrl, negativeY: backgroundImageUrl, positiveZ: backgroundImageUrl, negativeZ: backgroundImageUrl }); ``` 以上代码将自定义背景图像应用于所有六个方向(正X,负X,正Y,负Y,正Z,负Z)。 通过以上步骤,你可以使用Cesium来自定义背景,为你的WebGL地球或地理空间应用添加更加个性化的外观。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值