@vcmap/ui 5.0.0-rc.9 → 5.0.1

package/config/base.config.json

@@ -1,11 +1,56 @@
 {
+  "name": "VcsBaseConfig",
   "mapcontainer": "vcs_map_container",
-  "startingViewPointName": "berlin",
+  "_id": "VcsBaseConfig",
+  "startingViewpointName": "berlin",
   "startingMapName": "cesium",
   "projection": {
     "epsg": "25833",
     "proj4": "+proj=utm +zone=33 +ellps=GRS80 +units=m +no_defs"
   },
+  "i18n": [
+    {
+      "name": "base",
+      "de": {
+        "layers": {
+          "pointcloud": {
+            "title": "Tiergarten"
+          },
+          "osmBuildingFootprints": {
+            "title": "OSM Gebäude Grundflächen"
+          }
+        },
+        "style": {
+          "buildingFunction": "Gebäudefunktion",
+          "transparentBuildings": "Transparente Gebäude"
+        },
+        "contentTree": {
+          "building": {
+            "title": "3D Gebäude"
+          }
+        }
+      },
+      "en": {
+        "layers": {
+          "pointcloud": {
+            "title": "Zoological garden"
+          },
+          "osmBuildingFootprints": {
+            "title": "OSM Building Footprints"
+          }
+        },
+        "style": {
+          "buildingFunction": "Building function",
+          "transparentBuildings": "Transparent Buildings"
+        },
+        "contentTree": {
+          "building": {
+            "title": "3D buildings"
+          }
+        }
+      }
+    }
+  ],
   "styles": [
     {
       "name": "lineColor",
@@ -14,14 +59,8 @@
         "show": "true",
         "color": {
           "conditions": [
-            [
-              "${olcs_geometryType} === 2",
-              "color('#49eb34')"
-            ],
-            [
-              "true",
-              "color('#707070')"
-            ]
+            ["${olcs_geometryType} === 2", "color('#49eb34')"],
+            ["true", "color('#707070')"]
           ]
         }
       }
@@ -29,465 +68,454 @@
     {
       "name": "MeasuredHeightGreen",
       "type": "DeclarativeStyleItem",
-      "title": {
-        "en": "Measured Height (green)",
-        "de": "Measured Height (green)"
-      },
+      "title": "Measured Height (green)",
       "declarativeStyle": {
         "show": "true",
         "color": {
           "conditions": [
-            [
-              "${attributes.measuredHeight} === undefined",
-              "color('#006d2c')"
-            ],
-            [
-              "${attributes.measuredHeight} < 5",
-              "color('#edf8e9')"
-            ],
-            [
-              "${attributes.measuredHeight} < 5",
-              "color('#edf8e9')"
-            ],
-            [
-              "${attributes.measuredHeight} < 15",
-              "color('#bae4b3')"
-            ],
-            [
-              "${attributes.measuredHeight} < 30",
-              "color('#74c476')"
-            ],
-            [
-              "${attributes.measuredHeight} < 65",
-              "color('#31a354')"
-            ],
-            [
-              "true",
-              "color('#006d2c')"
-            ]
+            ["${attributes.measuredHeight} === undefined", "color('#006d2c')"],
+            ["${attributes.measuredHeight} < 5", "color('#edf8e9')"],
+            ["${attributes.measuredHeight} < 5", "color('#edf8e9')"],
+            ["${attributes.measuredHeight} < 15", "color('#bae4b3')"],
+            ["${attributes.measuredHeight} < 30", "color('#74c476')"],
+            ["${attributes.measuredHeight} < 65", "color('#31a354')"],
+            ["true", "color('#006d2c')"]
           ]
         }
       },
-      "legend": [
-        {
-          "color": "#edf8e9",
-          "title": "< 5 m"
-        },
-        {
-          "color": "#bae4b3",
-          "title": "< 15 m"
-        },
-        {
-          "color": "#74c476",
-          "title": "< 30 m"
-        },
-        {
-          "color": "#31a354",
-          "title": "< 65 m"
-        },
-        {
-          "color": "#006d2c",
-          "title": "> 65 m"
-        }
-      ]
+      "properties": {
+        "legend": [
+          {
+            "type": "StyleLegendItem",
+            "colNr": 1,
+            "rows": [
+              {
+                "type": "FillLegendRow",
+                "fill": {
+                  "color": "#edf8e9"
+                },
+                "title": "< 5 m"
+              },
+              {
+                "type": "FillLegendRow",
+                "fill": {
+                  "color": "#bae4b3"
+                },
+                "title": "< 15 m"
+              },
+              {
+                "type": "FillLegendRow",
+                "fill": {
+                  "color": "#74c476"
+                },
+                "title": "< 30 m"
+              },
+              {
+                "type": "FillLegendRow",
+                "fill": {
+                  "color": "#31a354"
+                },
+                "title": "< 65 m"
+              },
+              {
+                "type": "FillLegendRow",
+                "fill": {
+                  "color": "#006d2c"
+                },
+                "title": "> 65 m"
+              }
+            ]
+          }
+        ]
+      }
     },
     {
       "name": "MeasuredHeightBrown",
       "type": "DeclarativeStyleItem",
-      "title": {
-        "en": "Measured Height (brown)",
-        "de": "Measured Height (brown)"
-      },
+      "title": "Measured Height (brown)",
       "declarativeStyle": {
         "show": "true",
         "color": {
           "conditions": [
-            [
-              "${attributes.measuredHeight} === undefined",
-              "color('#993404')"
-            ],
-            [
-              "${attributes.measuredHeight} < 5",
-              "color('#ffffd4')"
-            ],
-            [
-              "${attributes.measuredHeight} < 15",
-              "color('#fed98e')"
-            ],
-            [
-              "${attributes.measuredHeight} < 30",
-              "color('#fe9929')"
-            ],
-            [
-              "${attributes.measuredHeight} < 65",
-              "color('#d95f0e')"
-            ],
-            [
-              "true",
-              "color('#993404')"
-            ]
+            ["${attributes.measuredHeight} === undefined", "color('#993404')"],
+            ["${attributes.measuredHeight} < 5", "color('#ffffd4')"],
+            ["${attributes.measuredHeight} < 15", "color('#fed98e')"],
+            ["${attributes.measuredHeight} < 30", "color('#fe9929')"],
+            ["${attributes.measuredHeight} < 65", "color('#d95f0e')"],
+            ["true", "color('#993404')"]
           ]
         }
       },
-      "legend": [
-        {
-          "color": "#ffffd4",
-          "title": "< 5 m"
-        },
-        {
-          "color": "#fed98e",
-          "title": "< 15 m"
-        },
-        {
-          "color": "#fe9929",
-          "title": "< 30 m"
-        },
-        {
-          "color": "#d95f0e",
-          "title": "< 65 m"
-        },
-        {
-          "color": "#993404",
-          "title": "> 65 m"
-        }
-      ]
+      "properties": {
+        "legend": [
+          {
+            "type": "StyleLegendItem",
+            "colNr": 1,
+            "rows": [
+              {
+                "type": "FillLegendRow",
+                "fill": {
+                  "color": "#ffffd4"
+                },
+                "title": "< 5 m"
+              },
+              {
+                "type": "FillLegendRow",
+                "fill": {
+                  "color": "#fed98e"
+                },
+                "title": "< 15 m"
+              },
+              {
+                "type": "FillLegendRow",
+                "fill": {
+                  "color": "#fe9929"
+                },
+                "title": "< 30 m"
+              },
+              {
+                "type": "FillLegendRow",
+                "fill": {
+                  "color": "#d95f0e"
+                },
+                "title": "< 65 m"
+              },
+              {
+                "type": "FillLegendRow",
+                "fill": {
+                  "color": "#993404"
+                },
+                "title": "> 65 m"
+              }
+            ]
+          }
+        ]
+      }
     },
     {
       "name": "MeasuredHeightBlue",
       "type": "DeclarativeStyleItem",
-      "title": {
-        "en": "Measured Height (blue)",
-        "de": "Measured Height (blue)"
-      },
+      "title": "Measured Height (blue)",
       "declarativeStyle": {
         "show": "true",
         "color": {
           "conditions": [
-            [
-              "${attributes.measuredHeight} === undefined",
-              "color('#045a8d')"
-            ],
-            [
-              "${attributes.measuredHeight} < 5",
-              "color('#f1eef6')"
-            ],
-            [
-              "${attributes.measuredHeight} < 15",
-              "color('#bdc9e1')"
-            ],
-            [
-              "${attributes.measuredHeight} < 30",
-              "color('#74a9cf')"
-            ],
-            [
-              "${attributes.measuredHeight} < 65",
-              "color('#2b8cbe')"
-            ],
-            [
-              "true",
-              "color('#045a8d')"
-            ]
+            ["${attributes.measuredHeight} === undefined", "color('#045a8d')"],
+            ["${attributes.measuredHeight} < 5", "color('#f1eef6')"],
+            ["${attributes.measuredHeight} < 15", "color('#bdc9e1')"],
+            ["${attributes.measuredHeight} < 30", "color('#74a9cf')"],
+            ["${attributes.measuredHeight} < 65", "color('#2b8cbe')"],
+            ["true", "color('#045a8d')"]
           ]
         }
       },
-      "legend": [
-        {
-          "color": "#f1eef6",
-          "title": "< 5 m"
-        },
-        {
-          "color": "#bdc9e1",
-          "title": "< 15 m"
-        },
-        {
-          "color": "#74a9cf",
-          "title": "< 30 m"
-        },
-        {
-          "color": "#2b8cbe",
-          "title": "< 65 m"
-        },
-        {
-          "color": "#045a8d",
-          "title": "> 65 m"
-        }
-      ]
+      "properties": {
+        "legend": [
+          {
+            "type": "StyleLegendItem",
+            "colNr": 1,
+            "rows": [
+              {
+                "type": "FillLegendRow",
+                "fill": {
+                  "color": "#f1eef6"
+                },
+                "title": "< 5 m"
+              },
+              {
+                "type": "FillLegendRow",
+                "fill": {
+                  "color": "#bdc9e1"
+                },
+                "title": "< 15 m"
+              },
+              {
+                "type": "FillLegendRow",
+                "fill": {
+                  "color": "#74a9cf"
+                },
+                "title": "< 30 m"
+              },
+              {
+                "type": "FillLegendRow",
+                "fill": {
+                  "color": "#2b8cbe"
+                },
+                "title": "< 65 m"
+              },
+              {
+                "type": "FillLegendRow",
+                "fill": {
+                  "color": "#045a8d"
+                },
+                "title": "> 65 m"
+              }
+            ]
+          }
+        ]
+      }
     },
     {
       "type": "DeclarativeStyleItem",
-      "title": {
-        "en": "Classified by Roof Type",
-        "de": "Einfärbung nach Hauptdach"
-      },
+      "title": "Classified by Roof Type",
       "declarativeStyle": {
         "show": "true",
         "color": {
           "conditions": [
-            [
-              "${attributes.roofType} === undefined",
-              "color('#cccccc')"
-            ],
-            [
-              "${attributes.roofType} === '1000' ",
-              "color('#91cf60')"
-            ],
-            [
-              "${attributes.roofType} === '2100' ",
-              "color('#fee08b')"
-            ],
-            [
-              "${attributes.roofType} === '2200' ",
-              "color('#8dd3c7')"
-            ],
-            [
-              "${attributes.roofType} === '3100' ",
-              "color('#8dd3c7')"
-            ],
-            [
-              "${attributes.roofType} === '3200' ",
-              "color('#fc8d59')"
-            ],
-            [
-              "${attributes.roofType} === '3300' ",
-              "color('#ffffb3')"
-            ],
-            [
-              "${attributes.roofType} === '3400' ",
-              "color('#bebada')"
-            ],
-            [
-              "${attributes.roofType} === '3500' ",
-              "color('#ffffbf')"
-            ],
-            [
-              "${attributes.roofType} === '3600' ",
-              "color('#fdb462')"
-            ],
-            [
-              "${attributes.roofType} === '3700' ",
-              "color('#b3de69')"
-            ],
-            [
-              "${attributes.roofType} === '3800' ",
-              "color('#ecc34e')"
-            ],
-            [
-              "${attributes.roofType} === '3900' ",
-              "color('#fccde5')"
-            ],
-            [
-              "${attributes.roofType} === '4000' ",
-              "color('#d590b3')"
-            ],
-            [
-              "${attributes.roofType} === '5000' ",
-              "color('#888888')"
-            ],
-            [
-              "${attributes.roofType} === '9999' ",
-              "color('#cccccc')"
-            ],
-            [
-              "true",
-              "color('#cccccc')"
-            ]
+            ["${attributes.roofType} === undefined", "color('#cccccc')"],
+            ["${attributes.roofType} === '1000' ", "color('#91cf60')"],
+            ["${attributes.roofType} === '2100' ", "color('#fee08b')"],
+            ["${attributes.roofType} === '2200' ", "color('#8dd3c7')"],
+            ["${attributes.roofType} === '3100' ", "color('#8dd3c7')"],
+            ["${attributes.roofType} === '3200' ", "color('#fc8d59')"],
+            ["${attributes.roofType} === '3300' ", "color('#ffffb3')"],
+            ["${attributes.roofType} === '3400' ", "color('#bebada')"],
+            ["${attributes.roofType} === '3500' ", "color('#ffffbf')"],
+            ["${attributes.roofType} === '3600' ", "color('#fdb462')"],
+            ["${attributes.roofType} === '3700' ", "color('#b3de69')"],
+            ["${attributes.roofType} === '3800' ", "color('#ecc34e')"],
+            ["${attributes.roofType} === '3900' ", "color('#fccde5')"],
+            ["${attributes.roofType} === '4000' ", "color('#d590b3')"],
+            ["${attributes.roofType} === '5000' ", "color('#888888')"],
+            ["${attributes.roofType} === '9999' ", "color('#cccccc')"],
+            ["true", "color('#cccccc')"]
           ]
         }
       },
-      "legend": [
-        {
-          "color": "#91cf60",
-          "title": {
-            "de": "Flachdach",
-            "en": "Flat"
-          }
-        },
-        {
-          "color": "#fee08b",
-          "title": {
-            "de": "Pultdach",
-            "en": "Shed"
-          }
-        },
-        {
-          "color": "#8dd3c7",
-          "title": {
-            "de": "Versetztes Pultdach",
-            "en": "Shifted Shed"
-          }
-        },
-        {
-          "color": "#8dd3c7",
-          "title": {
-            "de": "Satteldach",
-            "en": "Gabled"
-          }
-        },
-        {
-          "color": "#fc8d59",
-          "title": {
-            "de": "Walmdach",
-            "en": "Hipped"
-          }
-        },
-        {
-          "color": "#ffffb3",
-          "title": {
-            "de": "Krüppelwalmdach",
-            "en": "Hipped"
-          }
-        },
-        {
-          "color": "#bebada",
-          "title": {
-            "de": "Mansardendach",
-            "en": "Mansard"
-          }
-        },
-        {
-          "color": "#ffffbf",
-          "title": {
-            "de": "Zeltdach",
-            "en": "Tent"
-          }
-        },
-        {
-          "color": "#fdb462",
-          "title": {
-            "de": "Kegeldach",
-            "en": "Conical"
-          }
-        },
-        {
-          "color": "#b3de69",
-          "title": {
-            "de": "Kuppeldach",
-            "en": "Copular"
-          }
-        },
-        {
-          "color": "#ecc34e",
-          "title": {
-            "de": "Sheddach",
-            "en": "Shed roof"
-          }
-        },
-        {
-          "color": "#fccde5",
-          "title": {
-            "de": "Bogendach",
-            "en": "Arched"
-          }
-        },
-        {
-          "color": "#d590b3",
-          "title": {
-            "de": "Turmdach",
-            "en": "Tower roof"
-          }
-        },
-        {
-          "color": "#888888",
-          "title": {
-            "de": "Mischform",
-            "en": "Mixed roof"
-          }
-        },
-        {
-          "color": "#cccccc",
-          "title": {
-            "de": "Sonstiges",
-            "en": "undefined"
+      "properties": {
+        "legend": [
+          {
+            "type": "StyleLegendItem",
+            "rows": [
+              {
+                "type": "FillLegendRow",
+                "fill": {
+                  "color": "#91cf60"
+                },
+                "title": "Flachdach"
+              },
+              {
+                "type": "FillLegendRow",
+                "fill": {
+                  "color": "#fee08b"
+                },
+                "title": "Pultdach"
+              },
+              {
+                "type": "FillLegendRow",
+                "fill": {
+                  "color": "#8dd3c7"
+                },
+                "title": "Versetztes Pultdach"
+              },
+              {
+                "type": "FillLegendRow",
+                "fill": {
+                  "color": "#8dd3c7"
+                },
+                "title": "Satteldach"
+              },
+              {
+                "type": "FillLegendRow",
+                "fill": {
+                  "color": "#fc8d59"
+                },
+                "title": "Walmdach"
+              },
+              {
+                "type": "FillLegendRow",
+                "fill": {
+                  "color": "#ffffb3"
+                },
+                "title": "Krüppelwalmdach"
+              },
+              {
+                "type": "FillLegendRow",
+                "fill": {
+                  "color": "#bebada"
+                },
+                "title": "Mansardendach"
+              },
+              {
+                "type": "FillLegendRow",
+                "fill": {
+                  "color": "#ffffbf"
+                },
+                "title": "Zeltdach"
+              },
+              {
+                "type": "FillLegendRow",
+                "fill": {
+                  "color": "#fdb462"
+                },
+                "title": "Kegeldach"
+              },
+              {
+                "type": "FillLegendRow",
+                "fill": {
+                  "color": "#b3de69"
+                },
+                "title": "Kuppeldach"
+              },
+              {
+                "type": "FillLegendRow",
+                "fill": {
+                  "color": "#ecc34e"
+                },
+                "title": "Sheddach"
+              },
+              {
+                "type": "FillLegendRow",
+                "fill": {
+                  "color": "#fccde5"
+                },
+                "title": "Bogendach"
+              },
+              {
+                "type": "FillLegendRow",
+                "fill": {
+                  "color": "#d590b3"
+                },
+                "title": "Turmdach"
+              },
+              {
+                "type": "FillLegendRow",
+                "fill": {
+                  "color": "#888888"
+                },
+                "title": "Mischform"
+              },
+              {
+                "type": "FillLegendRow",
+                "fill": {
+                  "color": "#cccccc"
+                },
+                "title": "Sonstiges"
+              }
+            ]
           }
-        }
-      ],
+        ]
+      },
       "name": "ClassifiedbyRoofType"
     },
     {
       "type": "DeclarativeStyleItem",
-      "title": {
-        "de": "Einfärbung nach Gebäudefunktion",
-        "en": "Building Function"
-      },
+      "title": "Einfärbung nach Gebäudefunktion",
       "declarativeStyle": {
         "show": "true",
         "color": {
           "conditions": [
-            [
-              "${attributes.function} === undefined",
-              "color('#d9d9d9')"
-            ],
-            [
-              "${attributes.function} === '1121' ",
-              "color('#7fc97f')"
-            ],
-            [
-              "${attributes.function} === '1004' ",
-              "color('#beaed4')"
-            ],
-            [
-              "${attributes.function} === '1799' ",
-              "color('#fdc086')"
-            ],
-            [
-              "${attributes.function} === '1231' ",
-              "color('#ffff99')"
-            ],
-            [
-              "true",
-              "color('#d9d9d9')"
-            ]
+            ["${attributes.function} === undefined", "color('#d9d9d9')"],
+            ["${attributes.function} === '1121' ", "color('#7fc97f')"],
+            ["${attributes.function} === '1004' ", "color('#beaed4')"],
+            ["${attributes.function} === '1799' ", "color('#fdc086')"],
+            ["${attributes.function} === '1231' ", "color('#ffff99')"],
+            ["true", "color('#d9d9d9')"]
           ]
         }
       },
-      "legend": [
-        {
-          "color": "#7fc97f",
-          "title": "1121"
-        },
-        {
-          "color": "#fdb462",
-          "title": "1004"
-        },
-        {
-          "color": "#fdc086",
-          "title": "1799"
-        },
-        {
-          "color": "#ffff99",
-          "title": "1231"
-        },
-        {
-          "color": "#cccccc",
-          "title": "other function"
-        }
-      ],
+      "properties": {
+        "title": "style.buildingFunction",
+        "legend": [
+          {
+            "type": "StyleLegendItem",
+            "rows": [
+              {
+                "type": "FillLegendRow",
+                "fill": {
+                  "color": "#7fc97f"
+                },
+                "title": "1121"
+              },
+              {
+                "type": "FillLegendRow",
+                "fill": {
+                  "color": "#fdb462"
+                },
+                "title": "1004"
+              },
+              {
+                "type": "FillLegendRow",
+                "fill": {
+                  "color": "#fdc086"
+                },
+                "title": "1799"
+              },
+              {
+                "type": "FillLegendRow",
+                "fill": {
+                  "color": "#ffff99"
+                },
+                "title": "1231"
+              },
+              {
+                "type": "FillLegendRow",
+                "fill": {
+                  "color": "#cccccc"
+                },
+                "title": "other function"
+              }
+            ]
+          }
+        ]
+      },
       "name": "BuildingFunction"
     },
     {
       "type": "DeclarativeStyleItem",
       "name": "Transparentbuildings",
-      "title": {
-        "en": "Transparent buildings",
-        "de": "Transparent buildings"
-      },
+      "title": "Transparent buildings",
       "declarativeStyle": {
         "show": "true",
         "color": {
-          "conditions": [
-            [
-              "true",
-              "color('#cccccc', 0.7)"
-            ]
-          ]
+          "conditions": [["true", "color('#cccccc', 0.7)"]]
         }
       },
-      "legend": [
-        {
-          "color": "#cccccc",
-          "title": "Transparent buildings"
+      "properties": {
+        "title": "style.transparentBuildings",
+        "legend": [
+          {
+            "type": "StyleLegendItem",
+            "rows": [
+              {
+                "type": "FillLegendRow",
+                "fill": {
+                  "color": "#cccccc"
+                },
+                "title": "Transparent buildings"
+              }
+            ]
+          }
+        ]
+      }
+    }
+  ],
+  "featureInfo": [
+    {
+      "type": "TableFeatureInfoView",
+      "name": "tableAll",
+      "keyMapping": {
+        "roofType": "codeLists.keys.roofType",
+        "function": "codeLists.keys.function"
+      },
+      "valueMapping": {
+        "roofType": "codeLists.values.roofType.${value}",
+        "function": {
+          "1000": "codeLists.values.function.1000",
+          "1111": "myOwnMapping1111"
         }
-      ]
+      }
+    },
+    {
+      "type": "TableFeatureInfoView",
+      "name": "filteredTable",
+      "attributeKeys": ["gml:name", "function"],
+      "keyMapping": {
+        "function": "codeLists.keys.function"
+      },
+      "valueMapping": {
+        "function": "codeLists.values.function.${value}"
+      }
     }
   ],
   "maps": [
@@ -508,7 +536,8 @@
       "fogDensity": 0.0002,
       "fogDensityMobile": 0.0004,
       "fogScreenSpaceError": 2,
-      "fogScreenSpaceErrorMobile": 4
+      "fogScreenSpaceErrorMobile": 4,
+      "useOriginalCesiumShader": false
     },
     {
       "name": "Oblique Map",
@@ -519,10 +548,27 @@
     }
   ],
   "layers": [
+    {
+      "projection": {
+        "epsg": 4326
+      },
+      "type": "WFSLayer",
+      "name": "WFSLayer",
+      "url": "https://service.pdok.nl/lv/bag/wfs/v2_0",
+      "featureNS": "http://bag.geonovum.nl",
+      "featurePrefix": "bag",
+      "featureType": "pand",
+      "activeOnStartup": false,
+      "allowPicking": false,
+      "properties": {
+        "title": "WFS Layer (next to Groningen)",
+        "featureInfo": "tableAll"
+      }
+    },
     {
       "type": "CesiumTilesetLayer",
       "name": "mesh_surface",
-      "url": "https://a.3d.blc.shc.eu/WAB/base_layer/cesium_mesh/",
+      "url": "https://berlin-wab.virtualcitymap.de/datasource-data/baselayer/mesh_2020/",
       "activeOnStartup": false,
       "allowPicking": false,
       "screenSpaceError": 16,
@@ -530,59 +576,37 @@
       "tilesetOptions": {
         "skipLevelOfDetail": true
       },
-      "copyright": {
-        "provider": "Berlin Partner für Wirtschaft und Technologie",
-        "url": "https://www.berlin-partner.de",
-        "year": "2019"
-      },
-      "exclusiveGroups": [
-        "bldg"
-      ]
+      "exclusiveGroups": ["bldg"],
+      "properties": {
+        "title": "3D-Mesh 2020",
+        "attributions": {
+          "provider": "Berlin Partner für Wirtschaft und Technologie",
+          "url": "https://www.berlin-partner.de",
+          "year": "2020"
+        }
+      }
     },
     {
-      "name": "buildings",
-      "url": "https://berlin.virtualcitymap.de/datasource-data/698513e2-a34c-4f38-bb93-629ff4c9e0c0",
       "type": "CesiumTilesetLayer",
-      "datasourceId": "utxPghp6jfG6oZakL",
+      "name": "buildings",
+      "url": "https://www.virtualcitymap.de/datasource-data/698513e2-a34c-4f38-bb93-629ff4c9e0c0",
       "activeOnStartup": false,
-      "allowPicking": true,
       "screenSpaceError": 16,
       "screenSpaceErrorMobile": 32,
-      "hiddenObjectIds": [],
-      "copyright": {
-        "provider": "Berlin Partner für Wirtschaft und Technologie GmbH ",
-        "url": "http://www.businesslocationcenter.de/downloadportal",
-        "year": "2019"
-      },
-      "exclusiveGroups": [
-        "bldg"
-      ],
+      "exclusiveGroups": ["bldg"],
       "properties": {
-        "title": {
-          "en": "textured Buildings",
-          "de": "Texturierte Gebäude",
-          "pl": "budynki z teksturą"
-        }
+        "title": "Gebäude texturiert 2013",
+        "featureInfo": "filteredTable"
       }
     },
     {
-      "name": "buildings_untextured",
-      "url": "https://berlin.virtualcitymap.de/datasource-data/3c2a32d3-633c-462d-b79c-7215dcfbc44f",
       "type": "CesiumTilesetLayer",
-      "datasourceId": "9eRDxjbxHQzE9XiES",
+      "name": "buildings_untextured",
+      "url": "https://www.virtualcitymap.de/datasource-data/72fa3c14-03bc-4c26-a4ac-8c6dec37e65a/tileset.json",
       "activeOnStartup": true,
-      "allowPicking": true,
       "screenSpaceError": 16,
       "screenSpaceErrorMobile": 32,
-      "hiddenObjectIds": [],
-      "copyright": {
-        "provider": "Berlin Partner für Wirtschaft und Technologie GmbH ",
-        "url": "http://www.businesslocationcenter.de/downloadportal",
-        "year": ""
-      },
-      "exclusiveGroups": [
-        "bldg"
-      ],
+      "exclusiveGroups": ["bldg"],
       "properties": {
         "availableStyles": [
           "MeasuredHeightGreen",
@@ -592,55 +616,28 @@
           "BuildingFunction",
           "Transparentbuildings"
         ],
-        "title": {
-          "en": "untextured Buildings",
-          "de": "Untexturierte Gebäude",
-          "pl": "budynki bez tekstury"
-        }
+        "title": "Berlin - LOD2",
+        "featureInfo": "tableAll"
       }
     },
     {
-      "name": "fisbroker-dop-2015",
-      "url": "https://karten.blc.shc.eu/cache/tms/1.0.0/osm-berlin-dop2015-combined/",
-      "type": "TMSLayer",
-      "datasourceId": "5dnXzoL27oPYQbEWQ",
-      "activeOnStartup": false,
-      "extent": {
-        "coordinates": [
-          248000,
-          5648000,
-          517000,
-          5968000
-        ],
-        "projection": {
-          "epsg": "25833",
-          "proj4": "+proj=utm +zone=33 +ellps=GRS80 +units=m +no_defs"
-        }
+      "name": "osmBuildingFootprints",
+      "type": "VectorTileLayer",
+      "minLevel": 15,
+      "maxLevel": 21,
+      "zIndex": 11,
+      "tileProvider": {
+        "baseLevels": [14],
+        "idProperty": "osm_id",
+        "useSpatialIndex": false,
+        "type": "MVTTileProvider",
+        "url": "https://www.virtualcitymap.de/datasource-data/BerlinFootprintsMVT/{z}/{x}/{y}.pbf"
       },
-      "format": "jpg",
-      "minLevel": "0",
-      "maxLevel": "20",
-      "tilingSchema": "mercator",
-      "opacity": "1",
-      "hiddenObjectIds": [],
-      "copyright": {
-        "provider": "Geoportal Berlin / Luftbild 2015, OpenStreetMap contributors",
-        "url": "http://www.stadtentwicklung.berlin.de/geoinformation/fis-broker/",
-        "year": "2018"
-      },
-      "exclusiveGroups": [
-        "base"
-      ],
-      "tileSize": [
-        "256",
-        "256"
-      ],
+      "activeOnStartup": false,
       "properties": {
-        "title": {
-          "en": "Aerial Image (2015)",
-          "de": "Luftbild (2015)",
-          "pl": "Ortofotomapa (2015)"
-        }
+        "featureInfo": "tableAll",
+        "title": "layers.osmBuildingFootprints.title",
+        "tooltip": "OpenStreetMap Building Polygons"
       }
     },
     {
@@ -650,107 +647,55 @@
       "datasourceId": "2jEtgBemjJaSNx3AH",
       "activeOnStartup": true,
       "layer": "osm",
-      "style": "default",
+      "wmtsStyle": "default",
       "format": "image/png",
       "tileMatrixSetID": "osm_grid",
       "tileMatrixPrefix": "",
       "maxLevel": 19,
       "tilingSchema": "mercator",
       "extent": {
-        "coordinates": [
-          -180,
-          -85,
-          180,
-          85
-        ],
+        "coordinates": [-180, -85, 180, 85],
         "projection": {
           "epsg": "EPSG:4326"
         }
       },
       "opacity": "1",
       "hiddenObjectIds": [],
-      "copyright": {
-        "provider": "OpenStreetMap contributors",
-        "url": "http://www.openstreetmap.org/",
-        "year": "2019"
-      },
       "numberOfLevelZeroTilesX": 1,
       "numberOfLevelZeroTilesY": 1,
-      "exclusiveGroups": [
-        "base"
-      ],
+      "exclusiveGroups": ["base"],
       "properties": {
-        "title": {
-          "en": "OpenStreetMap",
-          "de": "OpenStreetMap",
-          "pl": "OpenStreetMap"
-        },
-        "showInOverviewMap": true
+        "title": "OpenStreetMap",
+        "showInOverviewMap": true,
+        "attributions": {
+          "provider": "OpenStreetMap contributors",
+          "url": "http://www.openstreetmap.org/",
+          "year": "2019"
+        }
       }
     },
     {
-      "name": "terrain_v3.4",
-      "url": "https://berlin.virtualcitymap.de/datasource-data/5d2c8614-d474-442d-8975-c2b4a4c0ae94",
       "type": "TerrainLayer",
-      "datasourceId": "CQHSNBZDTkjLLh8Qr",
+      "name": "GermanyBaseTerrain",
+      "url": "https://www.virtualcitymap.de/datasource-data/globalterrain_5_9",
       "activeOnStartup": true,
       "requestVertexNormals": true,
+      "exclusiveGroups": ["terrain"],
       "properties": {
-        "title": {
-          "en": "Terrain",
-          "de": "Gelände",
-          "pl": "Teren"
-        }
-      }
-    },
-    {
-      "type": "PointCloudLayer",
-      "name": "pointcloud",
-      "activeOnStartup": false,
-      "datasourceId": "g9rXAY6pu2tfNmWf3",
-      "url": "https://berlin.virtualcitymap.de/datasource-data/Open-Data-Berlin/tiergarten/tileset.json",
-      "copyright": {
-        "provider": "Senatsverwaltung für Wirtschaft, Technologie und Forschung. Geodaten Herstellung gefördert durch den Europäischen Fonds für Regionale Entwicklung (EFRE)",
-        "url": "http://www.berlin.de/wirtschaftssenat"
-      },
-      "screenSpaceError": 20,
-      "screenSpaceErrorMobile": 32,
-      "pointSize": 1.6,
-      "exclusiveGroups": [
-        "pointcloud"
-      ],
-      "properties": {
-        "defaultViewpoint": "pointcloud",
-        "title": {
-          "en": "Tiergarten",
-          "de": "Tiergarten",
-          "pl": "Obszar TierGarten"
-        }
+        "title": "Deutschland Gelände"
       }
     },
     {
-      "name": "Bäume",
-      "url": "https://berlin.virtualcitymap.de/datasource-data/Open-Data-Berlin/trees_i3dm/tileset.json",
       "type": "CesiumTilesetLayer",
-      "datasourceId": "YXcidK4ijYFB2DhPm",
+      "name": "Bäume",
+      "url": "https://www.virtualcitymap.de/datasource-data/f764ffb4-723d-429f-b797-5ca4c1061201/tileset.json",
       "activeOnStartup": false,
-      "allowPicking": true,
       "screenSpaceError": 16,
       "screenSpaceErrorMobile": 32,
-      "copyright": {
-        "provider": "",
-        "url": "",
-        "year": ""
-      },
-      "exclusiveGroups": [
-        "tree"
-      ],
       "properties": {
-        "title": {
-          "en": "Trees",
-          "de": "Bäume",
-          "pl": "Drzew"
-        }
+        "title": "Sommerbäume",
+        "featureInfo": "tableTrees",
+        "defaultViewpoint": "berlin"
       }
     }
   ],
@@ -758,99 +703,83 @@
     {
       "name": "berlin",
       "cameraPosition": [
-        13.370550000000003,
-        52.51230000000001,
-        677.0294500017116
+        13.370550000000003, 52.51230000000001, 677.0294500017116
       ],
       "groundPosition": [
-        13.377973747219107,
-        52.51718187188212,
-        34.500300497361984
+        13.377973747219107, 52.51718187188212, 34.500300497361984
       ],
       "distance": 980.8215342887953,
       "heading": 42.84999999999993,
       "pitch": -40.93,
       "roll": 360,
       "animate": false,
-      "type": "ViewPoint",
+      "type": "Viewpoint",
       "properties": {
-        "title": {
-          "en": "Berlin",
-          "de": "Berlin"
-        }
+        "title": "Berlin"
       }
     },
     {
       "name": "alexanderplatz",
       "distance": 1027.743747894252,
       "cameraPosition": [
-        13.410279816026053,
-        52.52102244255272,
-        1064.4366076344213
+        13.410279816026053, 52.52102244255272, 1064.4366076344213
       ],
       "groundPosition": [
-        13.410279818110775,
-        52.52102207564875,
-        36.69286055319397
+        13.410279818110775, 52.52102207564875, 36.69286055319397
       ],
       "heading": 360,
       "pitch": -90,
       "roll": 0,
       "animate": true,
-      "type": "ViewPoint",
+      "type": "Viewpoint",
       "properties": {
-        "title": {
-          "en": "Alexanderplatz",
-          "de": "Alexanderplatz"
-        }
+        "title": "Alexanderplatz"
       }
     },
     {
       "name": "brandenburger_tor",
       "distance": 663.6051001967426,
       "cameraPosition": [
-        13.37790869834864,
-        52.51627705004426,
-        698.3750083957117
+        13.37790869834864, 52.51627705004426, 698.3750083957117
       ],
       "groundPosition": [
-        13.37790869845283,
-        52.516277047668844,
-        34.76990820023149
+        13.37790869845283, 52.516277047668844, 34.76990820023149
       ],
       "heading": 360,
       "pitch": -90,
       "roll": 0,
       "animate": true,
-      "type": "ViewPoint"
+      "type": "Viewpoint"
     },
     {
       "name": "potsdamer_platz",
       "distance": 730.0034266375318,
       "cameraPosition": [
-        13.375567390072897,
-        52.50932719713967,
-        765.2515153338176
+        13.375567390072897, 52.50932719713967, 765.2515153338176
       ],
       "groundPosition": [
-        13.375567390058034,
-        52.50932719590491,
-        35.24808869690339
+        13.375567390058034, 52.50932719590491, 35.24808869690339
       ],
       "heading": 360,
       "pitch": -90,
       "roll": 0,
       "animate": true,
-      "type": "ViewPoint",
+      "type": "Viewpoint",
       "properties": {
-        "title": {
-          "en": "Potsdamer Platz",
-          "de": "Potsdamer Platz"
-        }
+        "title": "Potsdamer Platz"
       }
+    },
+    {
+      "groundPosition": [13.35948, 52.51442, 33.35758],
+      "pitch": -46.14,
+      "type": "Viewpoint",
+      "heading": 359.84,
+      "distance": 3267.86,
+      "name": "pointcloud",
+      "animate": true
     }
   ],
-  "contentTree":  [
+  "contentTree": [
     {
       "name": "baseMap",
       "type": "SubContentTreeItem",
@@ -861,12 +790,11 @@
       "name": "baseMap.trees",
       "type": "LayerContentTreeItem",
       "layerName": "Bäume"
-
     },
     {
       "name": "baseMap.terrain",
       "type": "LayerContentTreeItem",
-      "layerName": "terrain_v3.4"
+      "layerName": "GermanyBaseTerrain.4"
     },
     {
       "name": "baseMap.openStreetMap",
@@ -887,49 +815,79 @@
     {
       "name": "baseMap.places.alexanderplatz",
       "viewpointName": "alexanderplatz",
-      "type": "ViewPointContentTreeItem"
+      "type": "ViewpointContentTreeItem"
     },
     {
       "name": "baseMap.places.potsdamerPlatz",
       "viewpointName": "potsdamer_platz",
-      "type": "ViewPointContentTreeItem"
+      "type": "ViewpointContentTreeItem"
     },
     {
       "name": "building",
       "initOpen": true,
       "type": "NodeContentTreeItem",
       "infoUrl": "https://vc.systems",
-      "title": {
-        "en": "3d Building model",
-        "de": "3D-Gebäude",
-        "pl": "Budynki 3D"
-      }
+      "title": "contentTree.building.title"
     },
     {
       "name": "building.texturedBuildings",
       "layerName": "buildings",
-      "type": "LayerContentTreeItem"
+      "type": "LayerContentTreeItem",
+      "onActivate": [
+        {
+          "type": "DeactivateLayersCallback",
+          "layerNames": ["mesh_surface", "buildings_untextured"]
+        },
+        { "type": "GoToViewpointCallback", "viewpoint": "alexanderplatz" }
+      ],
+      "onDeactivate": [
+        {
+          "type": "ActivateLayersCallback",
+          "layerNames": ["buildings_untextured"]
+        }
+      ]
     },
     {
       "name": "building.untexturedBuildings",
       "infoUrl": "https://vc.systems",
       "layerName": "buildings_untextured",
+      "type": "LayerContentTreeItem",
+      "onActivate": [
+        {
+          "type": "DeactivateLayersCallback",
+          "layerNames": ["buildings", "mesh_surface"]
+        },
+        {
+          "type": "ApplyLayerStyleCallback",
+          "layerName": "buildings_untextured",
+          "styleName": "MeasuredHeightGreen"
+        }
+      ],
+      "onDeactivate": [
+        { "type": "ActivateLayersCallback", "layerNames": ["buildings"] }
+      ]
+    },
+    {
+      "name": "building.osmBuildingFootprints",
+      "layerName": "osmBuildingFootprints",
+      "type": "LayerContentTreeItem"
+    },
+    {
+      "name": "building.wfsLayer",
+      "layerName": "WFSLayer",
       "type": "LayerContentTreeItem"
     },
     {
       "name": "building.meshSurface",
       "layerName": "mesh_surface",
       "type": "LayerContentTreeItem",
-      "title": "3D-Mesh"
+      "title": "3D-Mesh",
+      "tooltip": "3D-Mesh Surface"
     },
     {
       "name": "pointcloud",
       "type": "NodeContentTreeItem",
-      "title": {
-        "en": "Point Cloud",
-        "de": "Punktwolke",
-        "pl": "Chmury punktów"
-      }
+      "title": "Point Cloud"
     },
     {
       "name": "pointcloud.tiergarten",
@@ -944,28 +902,19 @@
     {
       "name": "viewpoints",
       "type": "NodeContentTreeItem",
-      "title": {
-        "en": "Viewpoints",
-        "de": "Ansichten"
-      }
+      "title": "Viewpoints"
     },
     {
       "name": "viewpoints.berlin",
       "viewpointName": "berlin",
-      "type": "ViewPointContentTreeItem",
-      "title": {
-        "en": "Berlin",
-        "de": "Berlin"
-      }
+      "type": "ViewpointContentTreeItem",
+      "title": "Berlin"
     },
     {
       "name": "viewpoints.brandenburgerTor",
       "viewpointName": "brandenburger_tor",
-      "type": "ViewPointContentTreeItem",
-      "title": {
-        "en": "Brandenburg Gate",
-        "de": "Brandenburger Tor"
-      }
+      "type": "ViewpointContentTreeItem",
+      "title": "Brandenburg Gate"
     },
     {
       "name": "viewpoints.places",
@@ -976,30 +925,24 @@
     {
       "name": "viewpoints.places.alexanderplatz",
       "viewpointName": "alexanderplatz",
-      "type": "ViewPointContentTreeItem"
+      "type": "ViewpointContentTreeItem"
     },
     {
       "name": "viewpoints.places.potsdamerPlatz",
       "viewpointName": "potsdamer_platz",
-      "type": "ViewPointContentTreeItem"
+      "type": "ViewpointContentTreeItem"
     },
     {
       "name": "viewpoints.kaiserWilhelmGedaechtniskirche",
       "viewpointName": "kaiser_wilhelm_gedächtniskirche",
-      "type": "ViewPointContentTreeItem",
-      "title": {
-        "en": "Kaiser Wilhelm Memorial Church",
-        "de": "Kaiser-Wilhelm-Gedächtniskirche"
-      }
+      "type": "ViewpointContentTreeItem",
+      "title": "Kaiser Wilhelm Memorial Church"
     },
     {
       "name": "viewpoints.oberbaumbruecke",
       "viewpointName": "oberbaumbrücke",
-      "type": "ViewPointContentTreeItem",
-      "title": {
-        "en": "Oberbaum Bridge",
-        "de": "Oberbaumbrücke"
-      }
+      "type": "ViewpointContentTreeItem",
+      "title": "Oberbaum Bridge"
     },
     {
       "name": "reasonableGroup",
@@ -1019,17 +962,13 @@
     {
       "name": "reasonableGroup.berlin",
       "viewpointName": "berlin",
-      "type": "ViewPointContentTreeItem"
+      "type": "ViewpointContentTreeItem"
     },
     {
       "name": "reasonableLayerGroup",
       "type": "LayerGroupContentTreeItem",
-      "layerNames": [
-        "buildings",
-        "Bäume",
-        "terrain_v3.4"
-      ],
-      "title": "Buildings - Trees - Terrain"
+      "layerNames": ["buildings", "Bäume", "GermanyBaseTerrain.4"],
+      "title": "Buildings - Trees - Terrain. A Layer Group Item"
     },
     {
       "name": "berlin_obliques",
@@ -1044,30 +983,36 @@
       "activeOnStartup": true,
       "dataSets": [
         {
-          "url": "https://a.3d.blc.shc.eu/WAB/base_layer/obliques_2020/image_tiled.json",
+          "url": "https://berlin-wab.virtualcitymap.de/datasource-data/baselayer/obliques_2020/image_tiled.json",
           "terrainProvider": {
-            "url": "https://b.3d.blc.shc.eu/WAB/base_layer/cesium_terrain/"
+            "url": "https://berlin-wab.virtualcitymap.de/datasource-data/baselayer/terrain_2016/"
           },
           "projection": {
             "epsg": "25833",
             "proj4": "+proj=utm +zone=33 +ellps=GRS80 +units=m +no_defs"
-          },
-          "copyright": {
-            "provider": "Berlin Partner / Senat von Berlin",
-            "url": "https://www.berlin-partner.de",
-            "year": "2020"
           }
         }
       ],
       "maxZoom": 7,
       "minZoom": 3,
-      "hideLevels": null
+      "hideLevels": null,
+      "properties:": {
+        "attributions": {
+          "provider": "Berlin Partner / Senat von Berlin",
+          "url": "https://www.berlin-partner.de",
+          "year": "2020"
+        }
+      }
     }
   ],
   "plugins": [
     {
-      "name": "@vcmap/theme-changer",
-      "entry": "plugins/@vcmap/theme-changer/index.js"
+      "name": "@vcmap-show-case/theme-changer",
+      "entry": "plugins/@vcmap-show-case/theme-changer/index.js"
+    },
+    {
+      "name": "@vcmap/create-link",
+      "entry": "plugins/@vcmap/create-link/index.js"
     }
   ]
 }