Further work on infobox, styling everything, removing clutter

Layers/Bookcases.ts

@@ -58,9 +58,6 @@ export class Bookcases extends LayerDefinition {
             new TagMappingOptions({key: "ref", template: "Referentienummer {ref}"}),
 
             new TagMappingOptions({key: "description", template: "Extra beschrijving: <br /> <p>{description}</p>"}),
-
-            CommonTagMappings.osmLink
-
         ]
         ;
     }

Layers/Bos.ts

@@ -32,14 +32,12 @@ export class Bos extends LayerDefinition {
         this.elementsToShow = [
             new TagMappingOptions({
                 key: "name",
-                template: "<h2>{name}</h2>",
-                missing: "<h2>Naamloos bos</h2>"
+                template: "{name}",
+                missing: "Naamloos bos"
             }),
 
             CommonTagMappings.access,
             CommonTagMappings.operator,
-            CommonTagMappings.osmLink
-
         ];
 
     }

Layers/CommonTagMappings.ts

@@ -1,4 +1,5 @@
 import {TagMappingOptions} from "../UI/TagMapping";
+import {Img} from "../UI/Img";
 
 
 export class CommonTagMappings {
@@ -28,6 +29,8 @@ export class CommonTagMappings {
         mapping: {
             "node/-1": "<span class='osmlink'>Over enkele momenten sturen we je punt naar OpenStreetMap</span>"
         },
-        template: "<span class='osmlink'><a href='https://osm.org/{id}'> Op OSM</a></span>"
+        template: "<span class='osmlink'><a href='https://osm.org/{id}' target='_blank'>" +
+            Img.osmAbstractLogo +
+            "</a></span>"
     })
 }

Layers/KnownSet.ts

@@ -49,7 +49,7 @@ export class KnownSet {
 
     static groen = new KnownSet("groen",
         "Buurtnatuur",
-        [new NatureReserves(), new Park(), new Bos(), new Playground()],
+        [new NatureReserves(), new Park(), new Bos()],
         14,
         51.2,
         3.2,

Layers/NatureReserves.ts

@@ -3,7 +3,7 @@ import {Quests} from "../Quests";
 import {TagMappingOptions} from "../UI/TagMapping";
 import L from "leaflet"
 import {CommonTagMappings} from "./CommonTagMappings";
-import {Tag} from "../Logic/TagsFilter";
+import {Or, Tag} from "../Logic/TagsFilter";
 
 export class NatureReserves extends LayerDefinition {
     
@@ -11,7 +11,8 @@ export class NatureReserves extends LayerDefinition {
         super();
         this.name = "natuurgebied";
         this.icon = "./assets/tree_white_background.svg";
-        this.overpassFilter = new Tag("leisure", "nature_reserve");
+        this.overpassFilter =
+            new Or([new Tag("leisure", "nature_reserve"), new Tag("boundary","protected_area")]);
         this.removeTouchingElements = true;
 
         this.newElementTags = [new Tag("leisure", "nature_reserve"),
@@ -22,12 +23,11 @@ export class NatureReserves extends LayerDefinition {
         this.elementsToShow = [
             new TagMappingOptions({
                 key: "name",
-                template: "<h2>{name}</h2>",
-                missing: "<h2>Naamloos gebied</h2>"
+                template: "{name}",
+                missing: "Naamloos gebied"
             }),
             CommonTagMappings.access,
             CommonTagMappings.operator,
-            CommonTagMappings.osmLink
         ];
     }
 

Layers/Park.ts

@@ -22,15 +22,12 @@ export class Park extends LayerDefinition {
         this.elementsToShow = [
             new TagMappingOptions({
                 key: "name",
-                template: "<h2>{name}</h2>",
-                missing: "<h2>Naamloos park</h2>"
+                template: "{name}",
+                missing: "Naamloos park"
             }),
 
             CommonTagMappings.access,
             CommonTagMappings.operator,
-            CommonTagMappings.osmLink,
-            
-
         ];
 
     }

Layers/Toilets.ts

@@ -82,9 +82,6 @@ export class Toilets extends LayerDefinition{
 
                 }
             }),
-
-            CommonTagMappings.osmLink
-            
         ];
     }