FarmMaps/FarmMapsLib
8
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Implement *fm-map-ifZoomToShowdirective

Browse Source
This commit is contained in:
Willem Dantuma 2021-01-29 10:04:47 +01:00
parent 2f5ffde4d9
commit 154bcba620
2 changed files with 32 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
projects/common-map/src/fm-map/common-map.module.ts
View File

@ -67,6 +67,7 @@ import { PanToLocation} from './components/aol/pan-to-location/pan-to-location.c
import {LayerSwitcher} from './components/layer-switcher/layer-switcher.component';
import {HistogramDetailsComponent} from './components/legend/histogram-details/histogram-details.component';
import {StatisticsDetailsComponent} from './components/legend/statistics-details/statistics-details.component';
import { ifZoomToShowDirective} from './components/if-zoom-to-show/if-zoom-to-show.directive';
export function LocalStorageSync(reducer: ActionReducer<any>): ActionReducer<any> {
const r = function(state, action) {
@ -147,7 +148,8 @@ export {
ForSourceTask,
ForPackage ,
ITemporalItemLayer,
TemporalItemLayer
TemporalItemLayer,
ifZoomToShowDirective
}
@NgModule({
@ -199,7 +201,8 @@ export {
PanToLocation,
LayerSwitcher,
HistogramDetailsComponent,
StatisticsDetailsComponent
StatisticsDetailsComponent,
ifZoomToShowDirective
],
entryComponents: [
FeatureListComponent,
@ -251,7 +254,8 @@ export {
FeatureListCroppingschemeComponent,
FeatureListCropfieldComponent,
FeatureListFeatureContainerComponent,
ZoomToExtentComponent
ZoomToExtentComponent,
ifZoomToShowDirective
],
providers: [
FeatureIconService,

25
projects/common-map/src/fm-map/components/if-zoom-to-show/if-zoom-to-show.directive.ts Normal file
View File

@ -0,0 +1,25 @@
import { Directive, ViewContainerRef,TemplateRef,OnInit,Input } from '@angular/core';
import { IItemLayer } from '../../models/item.layer';
import { MapComponent } from 'ngx-openlayers';
@Directive({
selector: '[fm-map-ifZoomToShow]',
})
export class ifZoomToShowDirective implements OnInit {
@Input('fm-map-ifZoomToShow') itemLayer$:IItemLayer;
constructor(private templateRef$: TemplateRef<any>,private viewContainerRef$: ViewContainerRef,private map$: MapComponent) { }
private hasView = false;
ngOnInit() {
let minZoom = this.itemLayer$.layer.getMinZoom();
let currentZoom = this.map$.instance.getView().getZoom();
if ( currentZoom < minZoom ) {
this.viewContainerRef$.createEmbeddedView(this.templateRef$);
this.hasView=true;
} else if (this.hasView) {
this.viewContainerRef$.clear();
this.hasView = false;
}
}
}