✨ add MAS layer

closes #7

src/app.config.ts

@@ -136,6 +136,36 @@ obceIndexLayer.set('popUp', {
 obceIndexLayer.set('editable', false);
 //obceIndexLayer.set('queryable', false);
 
+const masStyle = (feature) =>
+  new Style({
+    fill: new Fill({
+      color: feature.get('mas_type') == 'member' ? '#1d941d' : '#f6cd61',
+    }),
+    stroke: new Stroke({
+      color: '#ffffff',
+      width: 0.6,
+    }),
+  });
+
+export const masLayer = new VectorLayer({
+  source: new VectorSource({
+    format: new TopoJSON({dataProjection: 'EPSG:5514'}),
+    url: require('./data/mas_2021.topojson').default,
+    overlaps: false,
+  }),
+  editor: {editable: false},
+  visible: false,
+  opacity: 0.8,
+  style: masStyle,
+  title: 'MAS ČR',
+  popUp: {
+    attributes: [
+      /*{attribute: 'mas_type', label: 'člen NS MAS?', displayFunction: (attr) => {TODO:}}*/
+    ],
+  },
+  attributions: ['© NS MAS ČR, http://nsmascr.cz/o-nas/'],
+});
+
 const okresyStyle = new Style({
   stroke: new Stroke({
     color: '#111111',

src/app.service.ts

@@ -18,7 +18,7 @@ import {AdjusterComponent} from './adjuster/adjuster.component';
 import {AdjusterEventService} from './adjuster/adjuster-event.service';
 import {AdjusterLegendService} from './adjuster/adjuster-legend.service';
 import {AdjusterService} from './adjuster/adjuster.service';
-import {krajeLayer, obceIndexLayer, okresyLayer} from './app.config';
+import {krajeLayer, obceIndexLayer, okresyLayer, masLayer} from './app.config';
 
 @Injectable({providedIn: 'root'})
 export class AppService {
@@ -92,8 +92,10 @@ export class AppService {
     // obceIndexLayer, okresyLayer and krajeLayer must be pushed in this order
     // so they will display in correct order
     this.hsConfig.default_layers.push(obceIndexLayer);
+    //There is something rotten in these lines. .getSource() makes thing even more unpredictable
     obceIndexLayer.on('featuresloadend', this.adjusterService.init());
     obceIndexLayer.getSource().legend_categories = this.adjusterLegendService.createIndexLegend();
+    this.hsConfig.default_layers.push(masLayer);
     this.hsConfig.default_layers.push(okresyLayer);
     this.hsConfig.default_layers.push(krajeLayer);
   }