Skip to content

worldwind-ui API / ngx-worldwind / WwGlobeComponent

Class: WwGlobeComponent ​

Defined in: angular/src/lib/globe.component.ts:58

Renders a WorldWind globe. options apply on creation; projection is reactive. Project layer, shape and widget components inside it; content marked wwFallback shows while WorldWind loads.

html
<ww-globe [options]="{ layers: ['blue-marble-landsat', 'atmosphere'] }" style="height: 480px">
  <span wwFallback>Loading…</span>
  <ww-layer-switcher />
</ww-globe>

Constructors ​

Constructor ​

new WwGlobeComponent(): WwGlobeComponent

Defined in: angular/src/lib/globe.component.ts:98

Returns ​

WwGlobeComponent

Properties ​

cameraState ​

readonly cameraState: WritableSignal<CameraState | null>

Defined in: angular/src/lib/globe.component.ts:84

Camera state, updated after each frame in which it changed.


error ​

readonly error: WritableSignal<unknown>

Defined in: angular/src/lib/globe.component.ts:78


errorMessage ​

readonly errorMessage: Signal<string | null>

Defined in: angular/src/lib/globe.component.ts:79


globe ​

readonly globe: WritableSignal<GlobeController | null>

Defined in: angular/src/lib/globe.component.ts:77

The controller, null until WorldWind has loaded.


globeClick ​

readonly globeClick: OutputEmitterRef<PickEvent>

Defined in: angular/src/lib/globe.component.ts:72


globeDoubleClick ​

readonly globeDoubleClick: OutputEmitterRef<PickEvent>

Defined in: angular/src/lib/globe.component.ts:73


globeHover ​

readonly globeHover: OutputEmitterRef<PickEvent>

Defined in: angular/src/lib/globe.component.ts:74


hoverPick ​

readonly hoverPick: WritableSignal<PickResult | null>

Defined in: angular/src/lib/globe.component.ts:88

Latest hover pick while hover picking is active.


hoverPicking ​

readonly hoverPicking: InputSignal<boolean>

Defined in: angular/src/lib/globe.component.ts:68

Pick under the mouse on every frame and expose it as hoverPick / globeHover. Off by default because picking costs GPU time; widgets that need it turn it on themselves.


layers ​

readonly layers: WritableSignal<readonly WWLayer[]>

Defined in: angular/src/lib/globe.component.ts:86

Layers bottom to top, updated on every change.


loadError ​

readonly loadError: OutputEmitterRef<unknown>

Defined in: angular/src/lib/globe.component.ts:71


loadOptions ​

readonly loadOptions: InputSignal<LoadWorldWindOptions | undefined>

Defined in: angular/src/lib/globe.component.ts:63


options ​

readonly options: InputSignal<GlobeOptions>

Defined in: angular/src/lib/globe.component.ts:60

Creation options (layers, view, elevation, asset URL, ...). Applied once.


projection ​

readonly projection: InputSignal<ProjectionKind | undefined>

Defined in: angular/src/lib/globe.component.ts:62

Reactive projection switch.


projectionState ​

readonly projectionState: WritableSignal<ProjectionKind>

Defined in: angular/src/lib/globe.component.ts:90

The current projection, updated whenever it changes.


ready ​

readonly ready: OutputEmitterRef<GlobeController>

Defined in: angular/src/lib/globe.component.ts:70

Accessors ​

shapeEvents ​

Get Signature ​

get shapeEvents(): ShapeEventRegistry

Defined in: angular/src/lib/globe.component.ts:116

Routes picks to shape components. Available once the globe is ready.

Returns ​

ShapeEventRegistry

Methods ​

acquireHover() ​

acquireHover(): () => void

Defined in: angular/src/lib/globe.component.ts:122

Turns hover picking on until the returned function is called (reference counted).

Returns ​

() => void

MIT licensed. Not affiliated with NASA; WorldWind is NASA's open-source virtual globe.