How to use the cesium.Viewer function in cesium

init() {
      viewer = new Viewer("cesiumContainer", {
        animation: false, //是否创建动画小器件，左下角仪表
        baseLayerPicker: false, //是否显示图层选择器
        fullscreenButton: true, //是否显示全屏按钮
        geocoder: true, //是否显示geocoder小器件，右上角查询按钮
        homeButton: false, //是否显示Home按钮
        infoBox: false, //是否显示信息框
        sceneModePicker: false, //是否显示3D/2D选择器
        selectionIndicator: false, //是否显示选取指示器组件
        timeline: false, //是否显示时间轴
        navigationHelpButton: false, //是否显示右上角的帮助按钮
        scene3DOnly: true, //如果设置为true，则所有几何图形以3D模式绘制以节约GPU资源
        clock: new Clock(), //用于控制当前时间的时钟对象
        selectedImageryProviderViewModel: undefined, //当前图像图层的显示模型，仅baseLayerPicker设为true有意义
        // imageryProviderViewModels: createDefaultImageryProviderViewModels(), //可供BaseLayerPicker选择的图像图层ProviderViewModel数组
        selectedTerrainProviderViewModel: undefined, //当前地形图层的显示模型，仅baseLayerPicker设为true有意义
        // terrainProviderViewModels: createDefaultTerrainProviderViewModels(), //可供BaseLayerPicker选择的地形图层ProviderViewModel数组

createMap: function (mapDivId) {
                var viewer;
                viewer = new CesiumViewer(mapDivId, {
                    // Start in Columbus Viewer
                    // sceneMode : Cesium.SceneMode.COLUMBUS_VIEW,
                    sceneMode: SceneMode.SCENE3D,
                    animation: false,
                    fullscreenButton: false,
                    timeline: false,

                    // Hide the base layer picker for OpenStreetMaps
                    baseLayerPicker: false,
                    // Use OpenStreetMaps
                    imageryProvider: new Cesium.OpenStreetMapImageryProvider({
                        url: 'http://tile.openstreetmap.org/'
                    })
                });
                return viewer;
            },

makeMap(options) {
    // must create cesium map after containing DOM is attached.
    this.map = new Cesium.Viewer(options.element, options.cesiumOptions)
    this.map.scene.requestRenderMode = true
    this.layerOrder = []

    this.collection.forEach(function(model) {
      if (model.get('show')) {
        this.initLayer(model)
      }
    }, this)

    this.isMapCreated = true
    return this.map
  },
  initLayer(model) {

ngOnInit() {
    const viewer = new Viewer(this.el.nativeElement);
  }
}

create(context, props, wrapper) {
    if (!wrapper) return;
    const v = new CesiumViewer(wrapper, props as any);
    if (!v) return;

    if (props.imageryProvider === false) {
      v.imageryLayers.removeAll();
    }

    if (v && props.extend) {
      if (Array.isArray(props.extend)) {
        props.extend.forEach(e => {
          v.extend(e, {});
        });
      } else {
        v.extend(props.extend, {});
      }
    }

function InitalCesiumView () {
	viewer = new Cesium.Viewer('cesiumContainer');
	viewer.camera.flyHome(0);
}

_proto.componentDidMount = function componentDidMount() {
    this.viewer = new Viewer(this.element);
    this.forceUpdate();
  };

create: function (cprops, props, context, ref) {
        var v = new Viewer(ref.current, cprops);
        if (v && props.extend) {
            if (Array.isArray(props.extend)) {
                props.extend.forEach(function (e) {
                    v.extend(e, {});
                });
            }
            else {
                v.extend(props.extend, {});
            }
        }
        var state;
        if (v) {
            state = new EventManager(v.scene, v.canvas);
        }
        return [v, state];
    },

_proto.componentDidMount = function componentDidMount() {
    this.viewer = new cesium.Viewer(this.element);
    this.forceUpdate();
  };

value: function componentDidMount() {
      this.viewer = new CesiumViewer(this.element);
      this.forceUpdate();
    }
  }, {