libs/open-layers/src/lib/controls/legend/ol-layer-visibility-toggler/ol-layer-visibility-toggler.component.ts
Legend component to toggle the visibility
selector | n52-ol-layer-visibility-toggler |
templateUrl | ./ol-layer-visibility-toggler.component.html |
Methods |
|
Inputs |
layer | |
Type : BaseLayer
|
|
Public toggleVisibility |
toggleVisibility()
|
Returns :
void
|
import { Component, Input } from '@angular/core';
import { Required } from '@helgoland/core';
import BaseLayer from 'ol/layer/Base';
/**
* Legend component to toggle the visibility
*/
@Component({
selector: 'n52-ol-layer-visibility-toggler',
templateUrl: './ol-layer-visibility-toggler.component.html'
})
export class OlLayerVisibilityTogglerComponent {
@Required @Input() layer: BaseLayer;
public toggleVisibility() {
this.layer.setVisible(!this.layer.getVisible());
}
}
<span (click)="toggleVisibility()">{{layer.getVisible()}}</span>