Peter Bastiani
9cc581dd3d
Some checks failed
FarmMaps.Develop/FarmMapsLib/pipeline/head There was a failure building this commit
112 lines
3.1 KiB
TypeScript
112 lines
3.1 KiB
TypeScript
import {
|
|
AfterContentInit,
|
|
Component,
|
|
ContentChild,
|
|
EventEmitter,
|
|
forwardRef,
|
|
Input,
|
|
OnChanges,
|
|
Output,
|
|
SimpleChanges,
|
|
inject,
|
|
} from '@angular/core';
|
|
import { WMTS } from 'ol/source';
|
|
import { TileSourceEvent } from 'ol/source/Tile';
|
|
import { LayerTileComponent } from '../layers/layertile.component';
|
|
import { TileGridWMTSComponent } from '../tilegridwmts.component';
|
|
import { SourceComponent } from './source.component';
|
|
import { Options } from 'ol/source/WMTS';
|
|
import BaseObject from 'ol/Object';
|
|
|
|
@Component({
|
|
selector: 'aol-source-tilewmts',
|
|
template: ` <ng-content></ng-content> `,
|
|
providers: [{ provide: SourceComponent, useExisting: forwardRef(() => SourceTileWMTSComponent) }],
|
|
standalone: true,
|
|
})
|
|
export class SourceTileWMTSComponent extends SourceComponent implements AfterContentInit, OnChanges {
|
|
@Input()
|
|
cacheSize?: Options['cacheSize'];
|
|
@Input()
|
|
crossOrigin?: Options['crossOrigin'];
|
|
@Input()
|
|
tileGrid: Options['tileGrid'];
|
|
@Input()
|
|
projection: Options['projection'];
|
|
@Input()
|
|
reprojectionErrorThreshold?: Options['reprojectionErrorThreshold'];
|
|
@Input()
|
|
requestEncoding?: Options['requestEncoding'];
|
|
@Input()
|
|
layer: Options['layer'];
|
|
@Input()
|
|
style: Options['style'];
|
|
@Input()
|
|
tileClass?: Options['tileClass'];
|
|
@Input()
|
|
tilePixelRatio?: Options['tilePixelRatio'];
|
|
@Input()
|
|
version?: Options['version'];
|
|
@Input()
|
|
format?: Options['format'];
|
|
@Input()
|
|
matrixSet: Options['matrixSet'];
|
|
@Input()
|
|
dimensions?: Options['dimensions'];
|
|
@Input()
|
|
url?: Options['url'];
|
|
@Input()
|
|
tileLoadFunction?: Options['tileLoadFunction'];
|
|
@Input()
|
|
urls?: Options['urls'];
|
|
@Input()
|
|
wrapX?: Options['wrapX'];
|
|
|
|
@Output()
|
|
tileLoadStart: EventEmitter<TileSourceEvent> = new EventEmitter<TileSourceEvent>();
|
|
@Output()
|
|
tileLoadEnd: EventEmitter<TileSourceEvent> = new EventEmitter<TileSourceEvent>();
|
|
@Output()
|
|
tileLoadError: EventEmitter<TileSourceEvent> = new EventEmitter<TileSourceEvent>();
|
|
|
|
@ContentChild(TileGridWMTSComponent)
|
|
tileGridWMTS: TileGridWMTSComponent;
|
|
|
|
instance: WMTS;
|
|
host = inject(LayerTileComponent, { host: true });
|
|
|
|
ngOnChanges(changes: SimpleChanges): void {
|
|
if (!this.instance) {
|
|
return;
|
|
}
|
|
const properties: Parameters<BaseObject['setProperties']>[0] = {};
|
|
for (const key in changes) {
|
|
switch (key) {
|
|
case 'url':
|
|
this.url = changes[key].currentValue;
|
|
this.setLayerSource();
|
|
break;
|
|
default:
|
|
break;
|
|
}
|
|
properties[key] = changes[key].currentValue;
|
|
}
|
|
this.instance.setProperties(properties, false);
|
|
}
|
|
|
|
setLayerSource(): void {
|
|
this.instance = new WMTS(this);
|
|
this.instance.on('tileloadstart', (event: TileSourceEvent) => this.tileLoadStart.emit(event));
|
|
this.instance.on('tileloadend', (event: TileSourceEvent) => this.tileLoadEnd.emit(event));
|
|
this.instance.on('tileloaderror', (event: TileSourceEvent) => this.tileLoadError.emit(event));
|
|
this.host.instance.setSource(this.instance);
|
|
}
|
|
|
|
ngAfterContentInit(): void {
|
|
if (this.tileGridWMTS) {
|
|
this.tileGrid = this.tileGridWMTS.instance;
|
|
this.setLayerSource();
|
|
}
|
|
}
|
|
}
|