Cesium中Viewer配置对照表

**Cesium 中 Viewer 配置对照表**

Cesium 是一个强大的3D 地图库，允许您创建交互式、可视化的3D 地图。Viewer 是 Cesium 的核心组件之一，它负责渲染地图和处理用户输入。在本文中，我们将详细介绍 Viewer 配置对照表，包括各种属性和方法。

### 一、基本配置####1. camera* `camera`: 设置摄像机的位置和方向。

javascript viewer.camera.flyTo({
 destination: Cesium.Cartesian3.fromDegrees(longitude, latitude, height),
 orientation: new Cesium.ViewerCameraOrientationProvider().getOrientation(
 Cesium.JulianDate.now(),
 Cesium.Cartesian3.fromDegrees(longitude, latitude, height)
 ),
 duration:0 });
 

####2. scene* `scene`: 设置场景的背景颜色和其他属性。

javascript viewer.scene.background = new Cesium.Color(1,1,1,1);
 

### 二、视图配置####1. cameraPosition* `cameraPosition`: 设置摄像机的初始位置。

javascript viewer.camera.position = Cesium.Cartesian3.fromDegrees(longitude, latitude, height);
 

####2. cameraDirection* `cameraDirection`: 设置摄像机的初始方向。

javascript viewer.camera.direction = new Cesium.Cartesian3(0, -1,0);
 

### 三、视图控制####1. flyTo* `flyTo`: 将摄像机飞到指定位置。

javascript viewer.camera.flyTo({
 destination: Cesium.Cartesian3.fromDegrees(longitude, latitude, height),
 orientation: new Cesium.ViewerCameraOrientationProvider().getOrientation(
 Cesium.JulianDate.now(),
 Cesium.Cartesian3.fromDegrees(longitude, latitude, height)
 ),
 duration:0 });
 

####2. home* `home`: 将摄像机飞回初始位置。

javascript viewer.camera.home();
 

### 四、视图交互####1. dragCamera* `dragCamera`: 允许用户拖动摄像机。

javascript viewer.cesiumWidget.creditContainer.style.display = 'block';
 viewer.scene.screenSpaceCameraController.enableZoom = true;
 viewer.scene.screenSpaceCameraController.enableTilt = true;
 

### 五、视图事件####1. cameraEvent* `cameraEvent`: 监听摄像机的事件。

javascript viewer.camera.event.addEventListener('change', function(event) {
 console.log(event);
 });
 

####2. sceneEvent* `sceneEvent`: 监听场景的事件。

javascript viewer.scene.event.addEventListener('change', function(event) {
 console.log(event);
 });
 

### 六、视图属性####1. cameraAttributes* `cameraAttributes`: 获取摄像机的属性。

javascript const attributes = viewer.camera.attributes;
 console.log(attributes);
 

####2. sceneAttributes* `sceneAttributes`: 获取场景的属性。

javascript const attributes = viewer.scene.attributes;
 console.log(attributes);
 

### 七、视图方法####1. cameraMethod* `cameraMethod`: 调用摄像机的方法。

javascript viewer.camera.flyTo({
 destination: Cesium.Cartesian3.fromDegrees(longitude, latitude, height),
 orientation: new Cesium.ViewerCameraOrientationProvider().getOrientation(
 Cesium.JulianDate.now(),
 Cesium.Cartesian3.fromDegrees(longitude, latitude, height)
 ),
 duration:0 });
 

####2. sceneMethod* `sceneMethod`: 调用场景的方法。

javascript viewer.scene.background = new Cesium.Color(1,1,1,1);
 

以上就是Cesium中Viewer配置对照表的详细介绍。通过这些属性和方法，您可以轻松地创建交互式、可视化的3D地图。