Cesium完整的ViewToolbar的示例代码
时间: 2024-05-03 16:18:03 浏览: 10
下面是一个完整的Cesium ViewToolbar的示例代码,其中包括添加图层、设置相机视角、调整地形高度等功能:
```javascript
var viewer = new Cesium.Viewer('cesiumContainer');
// 添加图层
var imageryLayers = viewer.imageryLayers;
imageryLayers.addImageryProvider(new Cesium.SingleTileImageryProvider({
url : Cesium.buildModuleUrl('Assets/Textures/NaturalEarthII/NE2_50M_SR_W_4096.png'),
rectangle : Cesium.Rectangle.fromDegrees(-180.0, -90.0, 180.0, 90.0)
}));
// 设置相机视角
viewer.camera.flyTo({
destination : Cesium.Cartesian3.fromDegrees(-75.59777, 40.03883, 3000.0)
});
// 创建ViewToolbar
var viewToolbar = new Cesium.ViewToolbar('viewToolbarContainer', viewer);
// 添加地形高度调整按钮
viewToolbar.addHeightAdjustmentTool();
// 添加相机视角保存和恢复按钮
viewToolbar.addSaveViewTool();
viewToolbar.addLoadViewTool();
```
在这个示例中,我们首先创建了一个Cesium Viewer,并向其中添加了一个SingleTileImageryProvider图层。接着,我们设置了相机的视角,并创建了一个ViewToolbar,并向其中添加了地形高度调整和相机视角保存和恢复的按钮。