Aw5739 Add ngx openlayers

projects/ngx-openlayers/src/lib/interactions/translate.component.ts

@@ -0,0 +1,56 @@
+import { Component, EventEmitter, Input, OnDestroy, OnInit, Output } from '@angular/core';
+import { Collection, Feature } from 'ol';
+import { Translate } from 'ol/interaction';
+import { TranslateEvent } from 'ol/interaction/Translate';
+import { Layer } from 'ol/layer';
+import { MapComponent } from '../map.component';
+
+@Component({
+  selector: 'aol-interaction-translate',
+  template: '',
+})
+export class TranslateInteractionComponent implements OnInit, OnDestroy {
+  @Input()
+  features?: Collection<Feature>;
+  @Input()
+  layers?: Layer[] | ((layer: Layer) => boolean);
+  @Input()
+  hitTolerance?: number;
+
+  @Output()
+  olChange: EventEmitter<TranslateEvent>;
+  @Output()
+  propertyChange: EventEmitter<TranslateEvent>;
+  @Output()
+  translateEnd: EventEmitter<TranslateEvent>;
+  @Output()
+  translateStart: EventEmitter<TranslateEvent>;
+  @Output()
+  translating: EventEmitter<TranslateEvent>;
+
+  instance: Translate;
+
+  constructor(private map: MapComponent) {
+    this.olChange = new EventEmitter<TranslateEvent>();
+    this.propertyChange = new EventEmitter<TranslateEvent>();
+    this.translateEnd = new EventEmitter<TranslateEvent>();
+    this.translateStart = new EventEmitter<TranslateEvent>();
+    this.translating = new EventEmitter<TranslateEvent>();
+  }
+
+  ngOnInit() {
+    this.instance = new Translate(this);
+
+    this.instance.on('change', (event: TranslateEvent) => this.olChange.emit(event));
+    this.instance.on('propertychange', (event: TranslateEvent) => this.propertyChange.emit(event));
+    this.instance.on('translateend', (event: TranslateEvent) => this.translateEnd.emit(event));
+    this.instance.on('translatestart', (event: TranslateEvent) => this.translateStart.emit(event));
+    this.instance.on('translating', (event: TranslateEvent) => this.translating.emit(event));
+
+    this.map.instance.addInteraction(this.instance);
+  }
+
+  ngOnDestroy() {
+    this.map.instance.removeInteraction(this.instance);
+  }
+}