Add custom style for vnd.farmmaps.itemntype.layer

projects/common-map/src/fm-map/components/map/map.component.ts

@@ -32,6 +32,7 @@ import {Extent,createEmpty,extend } from 'ol/extent';
 import {transform} from 'ol/proj';
 import { query } from '@angular/animations';
 import { tassign } from 'tassign';
+import * as style from 'ol/style';
 
 
 @Component({
@@ -156,6 +157,26 @@ export class MapComponent implements OnInit, OnDestroy,AfterViewInit {
     this.query$.pipe(withLatestFrom(this.mapState$)).subscribe((state) => {
       this.replaceUrl(state[1], state[0],false);
     });
+    this.initCustomStyles();
+  }
+
+  initCustomStyles() {
+    this.store.dispatch(new mapActions.SetStyle('vnd.farmmaps.itemtype.layer',new style.Style({
+      stroke: new style.Stroke({
+        color: 'red',
+        lineDash: [ 5,5],
+        width: 1
+      }),
+      geometry:(feature) =>feature.getGeometry()
+    })));
+    this.store.dispatch(new mapActions.SetStyle('vnd.farmmaps.itemtype.layer_selected',new style.Style({
+      stroke: new style.Stroke({
+        color: 'red',
+        lineDash: [ 5,5],
+        width: 3
+      }),
+      geometry:(feature) =>feature.getGeometry()
+    })));
   }
 
   private stateSetCount: number = 0;