worldwind-ui API / ngx-worldwind / WwPopupComponent

Class: WwPopupComponent

Defined in: angular/src/lib/ui/popup.component.ts:44

An HTML overlay anchored to a geographic position that follows the globe as it moves. Project any content inside; emits closed from the close button when closable is set.

<ww-popup [position]="{ latitude: 48.85, longitude: 2.35 }" title="Paris" [closable]="true" (closed)="popup.set(null)">
  <p>Population 2.1 million</p>
</ww-popup>

Constructors

Constructor

new WwPopupComponent(): WwPopupComponent

Defined in: angular/src/lib/ui/popup.component.ts:64

Returns

WwPopupComponent

Properties

anchor

readonly anchor: InputSignal<WwPopupAnchor>

Defined in: angular/src/lib/ui/popup.component.ts:51

Which side of the position the popup sits on. bottom puts the popup above the point.

---

closable

readonly closable: InputSignal<boolean>

Defined in: angular/src/lib/ui/popup.component.ts:57

Show a close button.

---

closed

readonly closed: OutputEmitterRef<void>

Defined in: angular/src/lib/ui/popup.component.ts:60

---

heading

readonly heading: InputSignal<string | null | undefined>

Defined in: angular/src/lib/ui/popup.component.ts:55

Optional bold first line (named heading because title is the DOM tooltip attribute).

---

hideWhenHidden

readonly hideWhenHidden: InputSignal<boolean>

Defined in: angular/src/lib/ui/popup.component.ts:59

Hide the popup while its position is behind the globe or off screen.

---

offset

readonly offset: InputSignal<{ x?: number; y?: number; } | undefined>

Defined in: angular/src/lib/ui/popup.component.ts:53

Extra offset in CSS pixels.

---

position

readonly position: InputSignal<LatLonAlt>

Defined in: angular/src/lib/ui/popup.component.ts:49

The geographic position the popup points at.