Camera Control

​CameraService​
Util service that wraps Cesium's camera, exposes the scene's camera and screenSpaceCameraController.

Provided and created by the ac-map component, so each map has it own CameraService instance.
@Component({
  selector: 'track-entity-layer',
  templateUrl: 'track-entity-layer.component.html',
})
export class TrackEntityLayerComponent implements OnInit, AfterViewInit {
  constructor(private mapEventsManager: MapEventsManagerService,
              private cameraService: CameraService) {
  }
​
  ngOnInit() {
    // PERFORMANCE_SCENE2D - columbos view with 2D restrications, better perfornace then SCENE2D.
    this.cameraService.setSceneMode(SceneMode.PERFORMANCE_SCENE2D);
    
    // Get cesium camera
    const camera = this.cameraService.getCamera();  
    
     // Click on an enity will casuse the camera to track it with an animation 
    this.mapEventsManager.register({event: CesiumEvent.LEFT_CLICK})
      .subscribe(result => {
        if (result.cesiumEntities && result.cesiumEntities.length) {
          this.cameraService.trackEntity(result.cesiumEntities[0], {flyTo: true, altitude: 10000});
        }
      });
    // Cancel entity tracking 
    this.cameraService.untrackEntity();
    
    // Zoom out
    this.cameraService.getCamera().zoomOut(50000); 
    
    // Zoom in
    this.cameraService.getCamera().zoomIn(10000); 
    
    // Scene changes 
    this.cameraService.setSceneMode(SceneMode.SCENE3D); // 3D view
    this.cameraService.setSceneMode(SceneMode.SCENE2D); // 2D view
    this.cameraService.setSceneMode(SceneMode.COLUMBUS_VIEW); // Columbus view
    this.cameraService.setSceneMode(SceneMode.PERFORMANCE_SCENE2D); // Columbos view with 2d restrications, better perfornace the 2D.
  }
}
  
​
API
getCamera() - Gets the scene's camera
getScreenSpaceCameraController() 
getMinimumZoom() 
setMinimumZoom(amount: number)
getMaximumZoom()
setMaximumZoom()
enableTilt(tilt: boolean)
enableRotate(rotate: boolean)
enableLook(lock: boolean)
enableTranslate(translate: boolean)
enableZoom(zoom: boolean)
enableInputs(inputs: boolean)
cameraFlyTo(options: any) - Flies the camera to a destination
flyTo(target: any, options?: any) - Flies the camera to a target (viewer.flyTo()) 
zoomIn(amount: number)
zoomOut(amount: number)
zoomTo(amount: number)
setView(options: any)
setRotation(degreesInRadians: number)
lockRotation(lock: boolean)
trackEntity(cesiumEntity, options?: { flyTo: boolean; flyToDuration?: number; altitude?: number } )
untrackEntity()
setSceneMode(sceneMode: SceneMode, duration?: number)-Sets the map's SceneMode.

GUIDES - Previous

Map Context Menu

Next - GUIDES

Camera Keyboard Control

Last modified 2yr ago

Copy link

On this page

CameraService

API

​CameraService​

API