feat(demo-maps): add view options for showFullExtent in demo

Author: boeckMt

projects/demo-maps/src/app/route-components/route-example-projection/route-map2.component.html

@@ -1,5 +1,5 @@
 <main class="content-area map-view">
-  <ukis-map-ol [layersSvc]="layersSvc" [mapState]="mapStateSvc" [controls]="controls" id="olMap"></ukis-map-ol>
+  <ukis-map-ol [layersSvc]="layersSvc" [mapState]="mapStateSvc" [controls]="controls" [viewOptions]="viewOptions" id="olMap"></ukis-map-ol>
 </main>
 
 <clr-vertical-nav [clrVerticalNavCollapsible]="true" class="right" [clr-nav-level]="2">

projects/demo-maps/src/app/route-components/route-example-projection/route-map2.component.ts

@@ -2,6 +2,7 @@ import { Component, OnInit, HostBinding } from '@angular/core';
 import { LayersService, RasterLayer, TGeoExtent, VectorLayer, WmtsLayer } from '@dlr-eoc/services-layers';
 import { EPSG_3031_Def, EPSG_3995_Def, IProjDef, MapStateService, EPSG_3857_Def, EPSG_4326_Def, EPSG_3035_Def, adjustBBoxAxisToEnu } from '@dlr-eoc/services-map-state';
 import { MapOlService, IMapControls, MapOlComponent } from '@dlr-eoc/map-ol';
+import { ViewOptions as olViewOptions } from 'ol/View';
 import { OsmTileLayer } from '@dlr-eoc/base-layers-raster';
 
 import { ClarityIcons, layersIcon, mapIcon, compassIcon } from '@clr/angular/icon';
@@ -22,6 +23,7 @@ ClarityIcons.addIcons(...[layersIcon, mapIcon, compassIcon]);
 export class RouteMap2Component implements OnInit {
   @HostBinding('class') class = 'content-container';
   controls: IMapControls;
+  viewOptions: olViewOptions;
   projections: IProjDef[];
 
   projectionSet = false;
@@ -36,6 +38,10 @@ export class RouteMap2Component implements OnInit {
       scaleLine: true
     };
 
+    this.viewOptions = {
+      showFullExtent: true
+    }
+
     const SwissCH1903: IProjDef = {
       code: `EPSG:21781`,
       proj4js: '+proj=somerc +lat_0=46.9524055555556 +lon_0=7.43958333333333 +k_0=1 +x_0=600000 +y_0=200000 +ellps=bessel +towgs84=674.374,15.056,405.346,0,0,0,0 +units=m +no_defs +type=crs',