How to use the angular-cesium.SceneMode.SCENE3D function in angular-cesium

import { Component, ViewChild } from '@angular/core';
import { MapLayerProviderOptions, SceneMode, ViewerConfiguration } from 'angular-cesium';
import { AppSettingsService } from '../../services/app-settings-service/app-settings-service';

@Component({
  selector: 'demo-map',
  templateUrl: './demo-map.component.html',
  providers: [ViewerConfiguration],
  styleUrls: ['./demo-map.component.css']
})
export class DemoMapComponent {
  sceneMode = SceneMode.SCENE3D;
  Cesium = Cesium;

  constructor(private viewerConf: ViewerConfiguration,
              public appSettingsService: AppSettingsService) {
    viewerConf.viewerOptions = {
      selectionIndicator: false,
      timeline: false,
      infoBox: false,
      fullscreenButton: false,
      baseLayerPicker: false,
      animation: false,
      shouldAnimate: false,
      homeButton: false,
      geocoder: true,
      navigationHelpButton: false,
      navigationInstructionsInitiallyVisible: false,

import { AfterViewInit, Component, Input } from '@angular/core';
import { MapsManagerService, SceneMode, ViewerConfiguration } from 'angular-cesium';

@Component({
  selector: 'main-map',
  templateUrl: './main-map.component.html',
  providers: [ViewerConfiguration],
  styleUrls: ['./main-map.component.scss']
})
export class MainMapComponent implements AfterViewInit {
  @Input() multiMaps = false

  sceneMode3D = SceneMode.SCENE3D;
  sceneMode2D = SceneMode.PERFORMANCE_SCENE2D;
  Cesium = Cesium;

  constructor(private viewerConf: ViewerConfiguration, private mapsManagerService: MapsManagerService) {
    viewerConf.viewerOptions = {
      selectionIndicator: false,
      infoBox: false,
      baseLayerPicker: false,
      homeButton: false,
      navigationHelpButton: false,
      navigationInstructionsInitiallyVisible: false,
      mapMode2D: Cesium.MapMode2D.ROTATE,
      timeline: false,
      animation: false,
      shouldAnimate: true,
      fullscreenButton: false,

import { AfterViewInit, Component, ViewChild } from '@angular/core';
import { MapLayerProviderOptions, MapsManagerService, SceneMode, ViewerConfiguration, ZoomToRectangleService } from 'angular-cesium';
import { AppSettingsService } from '../../services/app-settings-service/app-settings-service';

@Component({
  selector: 'demo-multiple-maps',
  templateUrl: './demo-multiple-maps.component.html',
  providers: [ViewerConfiguration],
})
export class DemoMultipleMapsComponent implements AfterViewInit {
  arcGisMapServerProvider = MapLayerProviderOptions.ArcGisMapServer;
  sceneMode = SceneMode.SCENE3D;
  showLayer = true;
  showMap = true;
  maps = [
    {
      sceneMode: SceneMode.PERFORMANCE_SCENE2D,
      id: 'main-map',
      containerId: 'left-map-container',
    },
    {
      sceneMode: SceneMode.PERFORMANCE_SCENE2D,
      id: 'sub-map',
      containerId: 'right-map-container',
    },
  ];
  mapContainerId = 'left-map-container';