Fullscreen

Fullscreen是cesium中的一个实用功能，它允许用户通过单击一个按钮将cesium地图全屏显示。 Fullscreen可以通过使用Cesium.Viewer构造函数中的fullscreenButton选项轻松地添加到cesium应用程序中。

基本使用

您可以通过将fullscreenButton选项设置为true创建一个具有默认全屏按钮的Cesium.Viewer实例，如下所示：

var viewer = new Cesium.Viewer('cesiumContainer', {
    fullscreenButton: true
});

此操作将在网页的右上角添加一个全屏按钮。当用户点击该按钮时，程序将切换到全屏模式。

自定义全屏按钮

您还可以自定义全屏按钮，需要执行以下步骤：

1.在html中添加一个按钮元素，例如：

<button id="fullScreenBtn">全屏</button>

2.将该按钮传递给Cesium.Viewer构造函数的fullscreenButton选项，如下所示：

var fullscreenButton = document.getElementById('fullScreenBtn');

var viewer = new Cesium.Viewer('cesiumContainer', {
    fullscreenButton: fullscreenButton
});

此操作将使用您自己的按钮替换默认全屏按钮。

监听全屏状态

您可以使用Cesium.ScreenSpaceEventHandlder来监听 cesium地图的全屏状态。例如，在程序启动时您可以添加以下代码：

var fullscreenElement = document.fullscreenElement || document.webkitFullscreenElement || document.mozFullScreenElement || document.msFullscreenElement;

if(fullscreenElement !== undefined){
    //调用方法进入全屏模式
    enterFullScreen();
}else{
    //调用方法退出全屏模式
    exitFullScreen();
}

此操作将在全屏模式切换时调用enterFullScreen()或exitFullScreen()方法。

退出全屏

要退出全屏模式，请执行以下操作：

if (document.exitFullscreen) {
   document.exitFullscreen();
} else if (document.webkitExitFullscreen) {
   document.webkitExitFullscreen();
} else if (document.mozCancelFullScreen) {
   document.mozCancelFullScreen();
} else if (document.msExitFullscreen) {
   document.msExitFullscreen();
}