worldwind-ui API / ngx-worldwind / WwClusterLayerComponent

Class: WwClusterLayerComponent<T>

Defined in: angular/src/lib/cluster-layer.component.ts:27

Draws many points as count markers that split as you zoom in.

<ww-cluster-layer [items]="stations" name="Stations" [radius]="50" (itemClick)="select($event.item)" />

Type Parameters

T

T = LatLon

Constructors

Constructor

new WwClusterLayerComponent<T>(): WwClusterLayerComponent<T>

Defined in: angular/src/lib/cluster-layer.component.ts:55

Returns

WwClusterLayerComponent<T>

Properties

attribution

readonly attribution: InputSignal<string | LayerAttribution | null | undefined>

Defined in: angular/src/lib/cluster-layer.component.ts:46

---

clusterClick

readonly clusterClick: OutputEmitterRef<{ cluster: Cluster<T>; event: PickEvent; }>

Defined in: angular/src/lib/cluster-layer.component.ts:49

---

color

readonly color: InputSignal<string | undefined>

Defined in: angular/src/lib/cluster-layer.component.ts:39

---

enabled

readonly enabled: InputSignal<boolean | undefined>

Defined in: angular/src/lib/cluster-layer.component.ts:44

---

getPosition

readonly getPosition: InputSignal<((item) => LatLon) | undefined>

Defined in: angular/src/lib/cluster-layer.component.ts:36

---

itemClick

readonly itemClick: OutputEmitterRef<{ event: PickEvent; item: T; }>

Defined in: angular/src/lib/cluster-layer.component.ts:50

---

items

readonly items: InputSignal<readonly T[]>

Defined in: angular/src/lib/cluster-layer.component.ts:30

---

layer

readonly layer: WritableSignal<ClusterLayer<T> | null>

Defined in: angular/src/lib/cluster-layer.component.ts:53

The kit layer, null until the globe is ready.

---

legend

readonly legend: InputSignal<string | LayerLegend | null | undefined>

Defined in: angular/src/lib/cluster-layer.component.ts:47

---

minPoints

readonly minPoints: InputSignal<number | undefined>

Defined in: angular/src/lib/cluster-layer.component.ts:35

---

name

readonly name: InputSignal<string>

Defined in: angular/src/lib/cluster-layer.component.ts:32

Shown in layer switchers.

---

opacity

readonly opacity: InputSignal<number | undefined>

Defined in: angular/src/lib/cluster-layer.component.ts:45

---

radius

readonly radius: InputSignal<number | undefined>

Defined in: angular/src/lib/cluster-layer.component.ts:34

Marker radius in CSS pixels: items closer than this merge.

---

renderCluster

readonly renderCluster: InputSignal<((cluster, worldWind) => WWRenderable) | undefined>

Defined in: angular/src/lib/cluster-layer.component.ts:38

---

renderItem

readonly renderItem: InputSignal<((item, worldWind) => WWRenderable) | undefined>

Defined in: angular/src/lib/cluster-layer.component.ts:37

---

textColor

readonly textColor: InputSignal<string | undefined>

Defined in: angular/src/lib/cluster-layer.component.ts:40

---

throttle

readonly throttle: InputSignal<number | undefined>

Defined in: angular/src/lib/cluster-layer.component.ts:43

---

zoomOnClick

readonly zoomOnClick: InputSignal<boolean>

Defined in: angular/src/lib/cluster-layer.component.ts:42

Fly closer to a cluster when it is clicked.