39 lines
890 B
TypeScript
39 lines
890 B
TypeScript
import { Component, Input, OnDestroy, OnInit } from '@angular/core';
|
|
import { Zoom } from 'ol/control';
|
|
import { MapComponent } from '../map.component';
|
|
|
|
@Component({
|
|
selector: 'aol-control-zoom',
|
|
template: ` <ng-content></ng-content> `,
|
|
})
|
|
export class ControlZoomComponent implements OnInit, OnDestroy {
|
|
@Input()
|
|
duration: number;
|
|
@Input()
|
|
zoomInLabel: string | HTMLElement;
|
|
@Input()
|
|
zoomOutLabel: string | HTMLElement;
|
|
@Input()
|
|
zoomInTipLabel: string;
|
|
@Input()
|
|
zoomOutTipLabel: string;
|
|
@Input()
|
|
delta: number;
|
|
|
|
instance: Zoom;
|
|
|
|
constructor(private map: MapComponent) {
|
|
// console.log('instancing aol-control-zoom');
|
|
}
|
|
|
|
ngOnInit() {
|
|
this.instance = new Zoom(this);
|
|
this.map.instance.addControl(this.instance);
|
|
}
|
|
|
|
ngOnDestroy() {
|
|
// console.log('removing aol-control-zoom');
|
|
this.map.instance.removeControl(this.instance);
|
|
}
|
|
}
|