cesium中自定义背景

1 前言

主要实现了自定义背景的颜色，该背景是球体外的环境背景。

cesium探索系列目录：传送门

2 实现方法

2.1 官方文档

查看官方文档关于scene的backgroundColor的介绍：传送门

由官方文档可知，当设置backgroundColor时，需要将skyBox设置为不可见，这里的skyBox主要展示了星空的背景。

2.2 函数的封装与调用

将该操作封装为函数

/**
 * 1、自定义背景效果
 * @param viewer 
 * @param color 
 */
export function changeBg(viewer: Cesium.Viewer, color: Cesium.Color) {
  viewer.scene.skyBox.show = false
  viewer.scene.backgroundColor = color
}

直接调用即可：

  changeBg(viewer, Cesium.Color.BLUE)

3 实现效果

运行后的效果如下：