Cesium中Viewer配置对照表

前言

本文用于Cesium初始化界面的详细配置，是对这篇 文章的延伸；内容不定时更新

一、对照表格

二、应用案例

1 . 需求

假设我要开发一个智慧城市应用程序，我的需求可能包括：

• 创建一个纯净的界面，没有多余的地图组件，以便用户能够专注于城市模型。
• 使用高分辨率的地形和影像数据，以便更真实地展现城市地貌。
• 添加建筑物的3D模型，以便用户能够清楚地看到城市中的建筑物。
• 启用阴影和天空大气效果，以增强场景的真实感。
• 优化渲染性能，以便用户能够流畅地浏览城市模型。

2 .代码实现：

// 使用多个自定义选项初始化查看器小部件。
var viewer = new Cesium.Viewer('cesiumContainer', {
    // 以3D模式启动
    sceneMode: Cesium.SceneMode.SCENE3D,
    // 使用Cesium世界地形
    terrainProvider: Cesium.createWorldTerrain(),
    // 隐藏基础图层选择器
    baseLayerPicker: false,
    // 隐藏时间轴组件
    timeline: false,
    // 隐藏动画组件
    animation: false,
    // 隐藏场景模式选择组件
    sceneModePicker: false,
    // 隐藏全屏按钮
    fullscreenButton: false,
    // 隐藏VR按钮
    vrButton: false,
    // 隐藏地名查找组件
    geocoder: false,
    // 隐藏投影切换组件
    projectionPicker: false,
    // 隐藏导航帮助按钮
    navigationHelpButton: false,
    // 隐藏主页按钮 
    homeButton: false,
    
    // 显示天空大气并启用阴影
    skyAtmosphere: new Cesium.SkyAtmosphere(),
    shadows: true,
});

// 添加建筑物的3D瓦片集
const tileset = viewer.scene.primitives.add(
    new Cesium.Cesium3DTileset({
      url: "/src/assets/b3dm/tileset.json",
    })
  );
  viewer.flyTo(tileset);

3 .效果展示：

项目地址：

[Github地址]
[Gitee地址]