File

projects/angular-cesium/src/lib/angular-cesium/components/ac-circle/ac-circle.component.ts

Description

This is a circle implementation. The element must be a child of ac-map element. semiMajorAxis ans semiMinorAxis are replaced with radius property. All other properties of props are the same as the properties of Entity and EllipseGraphics:

Usage:

 *  <ac-circle [props]="{
 *    position: position,
 *    radius:40000.0,
 *    granularity:0.03,
 *  }">
 *  </ac-circle>
 *

Extends

EntityOnMapComponent

Metadata

selector ac-circle

Index

Properties
Methods
Inputs

Constructor

constructor(ellipseDrawerService: EllipseDrawerService, mapLayers: MapLayersService)
Parameters :
Name Type Optional
ellipseDrawerService EllipseDrawerService No
mapLayers MapLayersService No

Inputs

props

Type : any

Inherited from EntityOnMapComponent
Defined in EntityOnMapComponent:10

Methods

drawOnMap
drawOnMap()
Returns : void
Private updateEllipseProps
updateEllipseProps()
Returns : void
updateOnMap
updateOnMap()
Returns : void
drawOnMap
drawOnMap()
Inherited from EntityOnMapComponent
Defined in EntityOnMapComponent:36
Returns : any
ngOnChanges
ngOnChanges(changes: SimpleChanges)
Inherited from EntityOnMapComponent
Defined in EntityOnMapComponent:29
Parameters :
Name Type Optional
changes SimpleChanges No
Returns : void
ngOnDestroy
ngOnDestroy()
Inherited from EntityOnMapComponent
Defined in EntityOnMapComponent:52
Returns : void
ngOnInit
ngOnInit()
Inherited from EntityOnMapComponent
Defined in EntityOnMapComponent:19
Returns : void
removeFromMap
removeFromMap()
Inherited from EntityOnMapComponent
Defined in EntityOnMapComponent:41
Returns : any
updateOnMap
updateOnMap()
Inherited from EntityOnMapComponent
Defined in EntityOnMapComponent:46
Returns : any

Properties

Protected dataSources
dataSources: any
Type : any
Inherited from EntityOnMapComponent
Defined in EntityOnMapComponent:14
Protected selfPrimitive
selfPrimitive: any
Type : any
Inherited from EntityOnMapComponent
Defined in EntityOnMapComponent:12
Protected selfPrimitiveIsDraw
selfPrimitiveIsDraw: boolean
Type : boolean
Inherited from EntityOnMapComponent
Defined in EntityOnMapComponent:13
import { Component } from '@angular/core';
import { EntityOnMapComponent } from '../../services/entity-on-map/entity-on-map.component';
import { EllipseDrawerService } from '../../services/drawers/ellipse-drawer/ellipse-drawer.service';
import { MapLayersService } from '../../services/map-layers/map-layers.service';

/**
 *  This is a circle implementation.
 *  The element must be a child of ac-map element.
 *  semiMajorAxis ans semiMinorAxis are replaced with radius property.
 *  All other properties of props are the same as the properties of Entity and EllipseGraphics:
 *  + https://cesiumjs.org/Cesium/Build/Documentation/Entity.html
 *  + https://cesiumjs.org/Cesium/Build/Documentation/EllipseGraphics.html
 *
 *  __Usage:__
 *  ```
 *  <ac-circle [props]="{
 *    position: position,
 *    radius:40000.0,
 *    granularity:0.03,
 *  }">
 *  </ac-circle>
 *  ```
 */

@Component({
  selector: 'ac-circle',
  template: '',
})
export class AcCircleComponent extends EntityOnMapComponent {

  constructor(ellipseDrawerService: EllipseDrawerService, mapLayers: MapLayersService) {
    super(ellipseDrawerService, mapLayers);
  }

  private updateEllipseProps() {
    this.props.semiMajorAxis = this.props.radius;
    this.props.semiMinorAxis = this.props.radius;
    this.props.rotation = 0.0;
  }

  drawOnMap() {
    this.updateEllipseProps();
    super.drawOnMap();
  }

  updateOnMap() {
    this.updateEllipseProps();
    super.updateOnMap();
  }
}
Legend
Html element
Component
Html element with directive

result-matching ""

    No results matching ""