VRButtonViewModel

VRButtonViewModel是Cesiumjs中用于处理虚拟现实(VR)模式切换的按钮视图模型。在支持WebVR的浏览器上，该模型可以启动或停止VR模式。

属性

isVRModeSupported : Boolean

该属性是一个只读的Boolean属性，用于指示所运行的浏览器是否支持WebVR。如果支持，则为true，否则为false。

vrMode : Boolean

该属性是一个绑定到Cesium Widget的属性，用于指示当前处于VR模式还是非VR模式。如果当前处于VR模式，则为true，否则为false。

方法

command()

该方法用于处理VR模式的开关，也就是说，当按钮被点击时，该方法将被调用。因此，该方法是一个事件处理程序。

用法

// 创建Cesium Widget
var viewer = new Cesium.Viewer('cesiumContainer');

// 创建VR视图模型
var vrButton = new Cesium.VRButtonViewModel({
    scene: viewer.scene,
    vrElement: document.body
});

// 将VR Button添加到viewer
var vrButtonElement = vrButton.createIconButton('cesium-button', 'VR模式切换', 'fa-vr-cardboard');
var toolbar = document.getElementById('cesiumContainer').getElementsByClassName('cesium-viewer-toolbar')[0];
toolbar.appendChild(vrButtonElement);

// 监测虚拟现实模式的支持情况
if (!vrButton.isVRModeSupported) {
    console.log('当前浏览器不支持WebVR！');
}

createIconButton()

该方法将为VR按钮创建一个可点击的DOM元素，以激活或停止VR模式。例如，在上面的示例中，我们使用该方法为VR按钮创建了一个按钮。

注意

在开发Cesium应用程序时使用VRButtonViewModel时，必须先包含Cesium库文件。详细的实现方法可以参考Cesium官方文档。

参考

VRButtonViewModel API文档