✨ add layers for kraje and okresy

src/app.config.ts

@@ -110,6 +110,46 @@ obceIndexLayer.set('popUp', {
 obceIndexLayer.set('editable', false);
 obceIndexLayer.set('queryable', false);
 
+const okresyStyle = new Style({
+  stroke: new Stroke({
+    color: '#111111',
+    width: 0.4,
+  }),
+});
+
+export const okresyLayer = new VectorLayer({
+  source: new VectorSource({
+    format: new TopoJSON({dataProjection: 'EPSG:5514'}),
+    url: require('./data/okresy_cr_20210310_5p_5514.topojson').default,
+    overlaps: false,
+  }),
+  editor: {editable: false},
+  visible: false,
+  style: okresyStyle,
+  title: 'Okresy ČR',
+  attributions: ['CC-BY ČÚZK, 2021'],
+});
+
+const krajeStyle = new Style({
+  stroke: new Stroke({
+    color: '#000000',
+    width: 0.6,
+  }),
+});
+
+export const krajeLayer = new VectorLayer({
+  source: new VectorSource({
+    format: new TopoJSON({dataProjection: 'EPSG:5514'}),
+    url: require('./data/kraje_cr_20210310_5p_5514.topojson').default,
+    overlaps: false,
+  }),
+  editor: {editable: false},
+  visible: true,
+  style: krajeStyle,
+  title: 'Kraje ČR',
+  attributions: ['CC-BY ČÚZK, 2021'],
+});
+
 export const AppConfig = {
   //proxyPrefix: '../8085/',
   default_layers: [osmLayer],

src/app.service.ts

@@ -15,7 +15,7 @@ import {HsSidebarService} from 'hslayers-ng/components/sidebar/sidebar.service';
 import {AdjusterComponent} from './adjuster/adjuster.component';
 import {AdjusterEventService} from './adjuster/adjuster-event.service';
 import {AdjusterService} from './adjuster/adjuster.service';
-import {obce, obceIndexLayer} from './app.config';
+import {krajeLayer, obce, obceIndexLayer, okresyLayer} from './app.config';
 
 @Injectable({providedIn: 'root'})
 export class AppService {
@@ -89,8 +89,11 @@ export class AppService {
       });
       this.hsConfig.default_layers.push(method.layer);
     }
-    // obceIndexLayer must be pushed last so it will be on top
+    // obceIndexLayer, okresyLayer and krajeLayer must be pushed in this order
+    // so they will display in correct order
     this.hsConfig.default_layers.push(obceIndexLayer);
+    this.hsConfig.default_layers.push(okresyLayer);
+    this.hsConfig.default_layers.push(krajeLayer);
   }
 
   /**