@vcmap/ui 6.1.0-rc.6 → 6.1.0

package/config/base.config.json

@@ -950,6 +950,11 @@
       "infoUrl": "https://vc.systems",
       "title": "contentTree.building.title"
     },
+    {
+      "name": "terrain",
+      "type": "LayerContentTreeItem",
+      "layerName": "GermanyBaseTerrain"
+    },
     {
       "name": "building.texturedBuildings",
       "layerName": "buildings",
@@ -1119,7 +1124,7 @@
     {
       "name": "reasonableLayerGroup",
       "type": "LayerGroupContentTreeItem",
-      "layerNames": ["buildings", "Bäume", "GermanyBaseTerrain.4"],
+      "layerNames": ["buildings", "Bäume", "GermanyBaseTerrain"],
       "title": "Buildings - Trees - Terrain. A Layer Group Item",
       "availableStyles": [
         "MeasuredHeightGreen",
@@ -1150,8 +1155,7 @@
           }
         }
       ],
-      "maxZoom": 7,
-      "minZoom": 3,
+
       "hideLevels": null,
       "properties:": {
         "attributions": {

package/config/cluster.config.json

@@ -5,7 +5,6 @@
       "type": "GeoJSONLayer",
       "name": "12de4200e2e76f756e06da59c07eae3a1760acdd",
       "activeOnStartup": true,
-      "balloonHeightOffset": 0,
       "vectorProperties": {
         "altitudeMode": "relativeToGround",
         "heightAboveGround": 65
@@ -25,7 +24,7 @@
       "vectorClusterGroup": "clusterLayerOthers",
       "properties": {
         "title": "Grundschulen",
-        "featureInfo": "tableAll",
+        "featureInfo": "genericBalloon",
         "attributions": [
           {
             "provider": "Senatsverwaltung für Bildung, Jugend und Familie",
@@ -38,7 +37,6 @@
     {
       "type": "GeoJSONLayer",
       "name": "b408b454472a5ce5dfb44bb57afe8da1baeeb6cf",
-      "balloonHeightOffset": 0,
       "vectorProperties": {
         "altitudeMode": "relativeToGround",
         "heightAboveGround": 65
@@ -73,22 +71,15 @@
     {
       "type": "VectorClusterLayer",
       "name": "clusterLayerOthers",
-      "showInContent": true,
-      "defaultFeatureTemplate": "<%=name%>",
       "clusterDistance": 90,
       "style": {
-        "type": "cluster",
-        "fillColor": "#002e4d",
-        "strokeColor": "#cc970f",
-        "strokeWidth": 7,
-        "textColor": "#ffffff",
-        "font": "bold 18px/53px DroidSans400, Droid, Arial, sans-serif",
         "scaleFactor": 0.125,
         "breaks": [2, 3, 4, 5, 10, 15, 25, 50, 100, 250, 500, 1000, 2000, 5000]
       },
-      "heightAboveGround": 65,
-      "altitudeMode": "relativeToGround",
-      "url": ""
+      "vectorProperties": {
+        "altitudeMode": "relativeToGround",
+        "heightAboveGround": 65
+      }
     }
   ],
   "contentTree": [

package/config/dev.config.json

@@ -3,25 +3,6 @@
   "_id": "dev",
   "description": "module containing dev configs and examples",
   "startingViewpointName": "potsdamer_platz",
-  "i18n": [
-    {
-      "name": "dev",
-      "de": {
-        "layers": {
-          "wmsLayerLaerm": {
-            "title": "WMS Lärm Bayern"
-          }
-        }
-      },
-      "en": {
-        "layers": {
-          "wmsLayerLaerm": {
-            "title": "WMS Noise Bavaria"
-          }
-        }
-      }
-    }
-  ],
   "featureInfo": [
     {
       "type": "BalloonFeatureInfoView",
@@ -43,25 +24,13 @@
     {
       "type": "MarkdownBalloonFeatureInfoView",
       "name": "markdownFeatureInfo",
-      "template": "# {{featureId}}\n- Altitude Mode: {{Altitude Mode}}\n [Link text Here](https://vc.systems/?id={{id}})",
+      "template": "# {{featureId}}\n- {{#t components.vectorProperties.altitudeMode}}: {{Altitude Mode}}\n [Link text Here](https://vc.systems/?id={{id}})\nCurrent Locale: {{ currentVcsAppLocale }}",
       "keyMapping": {
         "olcs_storeyNumber": "Storey Number",
         "olcs_storeyHeight": "Storey Height",
         "olcs_altitudeMode": "Altitude Mode"
       }
     },
-    {
-      "type": "BalloonFeatureInfoView",
-      "name": "genericBalloonLaerm",
-      "title": "Lärmkarte Bayern",
-      "subtitle": "WMS Feature Info",
-      "window": {
-        "position": {
-          "width": "200px",
-          "maxHeight": "100px"
-        }
-      }
-    },
     {
       "type": "TableFeatureInfoView",
       "name": "tableLink",
@@ -101,6 +70,26 @@
       }
     }
   ],
+  "styles": [
+    {
+      "type": "DeclarativeStyleItem",
+      "name": "streetStyle",
+      "declarativeStyle": {
+        "show": "true",
+        "color": "color('#784176')",
+        "strokeWidth": {
+          "conditions": [
+            ["${strassenkl} === '0'", "18"],
+            ["${strassenkl} === 'I'", "12"],
+            ["${strassenkl} === 'II'", "9"],
+            ["${strassenkl} === 'III'", "6"],
+            ["${strassenkl} === 'IV'", "2"],
+            ["true", "2"]
+          ]
+        }
+      }
+    }
+  ],
   "layers": [
     {
       "name": "testGeojsonVectorTile",
@@ -392,6 +381,55 @@
         ]
       }
     },
+    {
+      "name": "geojsonClassification",
+      "type": "GeoJSONLayer",
+      "features": [
+        {
+          "type": "Feature",
+          "properties": {
+            "title": "Polygon Bundestag"
+          },
+          "geometry": {
+            "type": "Polygon",
+            "coordinates": [
+              [
+                [13.377401890755296, 52.51939811240837, 31.981617368890852],
+                [13.375217214695466, 52.51942601210445, 34.79993872986513],
+                [13.375163996940483, 52.51788301808247, 34.527692201263896],
+                [13.37734866165336, 52.51785511755142, 34.49136397983607],
+                [13.377401890755296, 52.51939811240837, 31.981617368890852]
+              ]
+            ]
+          },
+          "id": "d5925529-505a-43bf-adb6-64a4dd043533",
+          "vcsMeta": {
+            "version": "2.1",
+            "style": {
+              "stroke": {
+                "color": [51, 153, 204, 1],
+                "width": 1.25
+              },
+              "fill": {
+                "color": [243, 2, 2, 0.84375]
+              }
+            }
+          }
+        }
+      ],
+      "projection": {
+        "epsg": 4326
+      },
+      "activeOnStartup": false,
+      "vectorProperties": {
+        "altitudeMode": "clampToGround",
+        "classificationType": "both"
+      },
+      "properties": {
+        "title": "GeoJSON Classification",
+        "featureInfo": "genericBalloon"
+      }
+    },
     {
       "type": "CzmlLayer",
       "name": "czmlPoint",
@@ -434,26 +472,16 @@
       }
     },
     {
-      "name": "wmsLayerLaerm",
+      "name": "wmsStadtstruktur",
       "type": "WMSLayer",
-      "url": "https://www.lfu.bayern.de/gdi/wms/laerm/hauptverkehrsstrassen",
-      "datasourceId": "P7xfmLJ5zkFmT7hNQ",
+      "url": "https://gdi.berlin.de/services/wms/ua_stadtstruktur_2020",
       "activeOnStartup": false,
       "version": "1.3.0",
-      "layers": "mroadbylden2022,lsemroadby2022",
-      "parameters": "STYLE=default&TRANSPARENT=TRUE&format=image/png&transparent=true",
-      "extent": {
-        "coordinates": [8.7992, 47.156072, 14.055682, 50.670961],
-        "projection": {
-          "epsg": "4326"
-        }
-      },
+      "layers": "ua_stadtstruktur_2020",
+      "parameters": "TRANSPARENT=TRUE&format=image/png&transparent=true",
       "featureInfo": {
         "showFeature": true,
-        "responseType": "application/geojson",
-        "vectorProperties": {
-          "extrudedHeight": 20
-        },
+        "responseType": "application/json",
         "style": {
           "type": "VectorStyleItem",
           "stroke": {
@@ -465,12 +493,12 @@
       "tilingSchema": "geographic",
       "zIndex": 12,
       "properties": {
-        "title": "layers.wmsLayerLaerm.title",
-        "featureInfo": "genericBalloonLaerm",
+        "title": "WMS Stadtstruktur Berlin",
+        "featureInfo": "tableAll",
         "legend": [
           {
             "type": "ImageLegendItem",
-            "src": "https://www.lfu.bayern.de/gdi/wms/laerm/hauptverkehrsstrassen?request=GetLegendGraphic%26version=1.3.0%26format=image/png%26layer=mroadbylden"
+            "src": "https://gdi.berlin.de/services/wms/ua_stadtstruktur_2020?service=WMS&version=1.3.0&request=GetLegendGraphic&format=image%2Fpng&width=500&height=875&layer=ua_stadtstruktur_2020"
           }
         ]
       }
@@ -482,7 +510,7 @@
       "activeOnStartup": false,
       "version": "1.3.0",
       "layers": "flughaefen,grenzuebergaenge,heliports,kilometrierungen_bab,seehaefen",
-      "parameters": "STYLE=default&TRANSPARENT=TRUE&format=image/png&transparent=true",
+      "parameters": "TRANSPARENT=TRUE&format=image/png&transparent=true",
       "featureInfo": {
         "showFeature": true,
         "responseType": "application/json",
@@ -550,6 +578,45 @@
           }
         ]
       }
+    },
+
+    {
+      "name": "wmsTopplus",
+      "type": "WMSLayer",
+      "url": "https://sgx.geodatenzentrum.de/wms_topplus_open",
+      "activeOnStartup": false,
+      "version": "1.3.0",
+      "layers": "web",
+      "parameters": "TRANSPARENT=TRUE&format=image/png&transparent=true",
+      "tilingSchema": "geographic",
+      "zIndex": 13,
+      "properties": { "title": "WMS TopPlus Open" }
+    },
+    {
+      "name": "nasa",
+      "type": "WMSLayer",
+      "url": "https://maps.eatlas.org.au/maps/wms",
+      "activeOnStartup": false,
+      "version": "1.3.0",
+      "tilingSchema": "geographic",
+      "zIndex": 13,
+      "layers": "nesp3:GBR_NESP-TWQ-3.2.1-5.4_JCU_Seagrass_1984-2018_Site-surveys",
+      "parameters": "TRANSPARENT=TRUE&format=image/png&transparent=true&styles=GBR_NESP-TWQ-3-2-1_JCU_Seagrass_1984-2018_Depth",
+      "properties": { "title": "NASA WMS" }
+    },
+    {
+      "name": "FlatGeobufLayer",
+      "type": "FlatGeobufLayer",
+      "style": "streetStyle",
+      "url": "exampleData/flatGeobuf/berlin-classified-level-2.fgb",
+      "zIndex": 11,
+      "exclusiveGroups": ["streets"],
+      "projection": {
+        "epsg": 4326
+      },
+      "properties": {
+        "title": "Berlin Streets Class 0-II"
+      }
     }
   ],
   "flights": [
@@ -678,6 +745,11 @@
       "type": "FlightContentTreeItem",
       "tooltip": "This is a flight. Its flight 2, actually."
     },
+    {
+      "name": "geojsonClassification",
+      "layerName": "geojsonClassification",
+      "type": "LayerContentTreeItem"
+    },
     {
       "name": "geojson",
       "layerName": "testGeojson",
@@ -689,25 +761,72 @@
       "type": "LayerContentTreeItem"
     },
     {
-      "name": "czmlPoint",
+      "name": "czml",
+      "type": "NodeContentTreeItem",
+      "disableIfChildrenDisabled": true
+    },
+    {
+      "name": "czml.czmlPoint",
+      "layerName": "czmlPoint",
+      "type": "LayerContentTreeItem",
+      "showWhenNotSupported": true
+    },
+    {
+      "name": "czml.czmlDynamicPoint",
+      "layerName": "czmlDynamicPoint",
+      "type": "LayerContentTreeItem",
+      "showWhenNotSupported": true
+    },
+    {
+      "name": "czml2",
+      "type": "NodeContentTreeItem"
+    },
+    {
+      "name": "czml2.czmlPoint",
       "layerName": "czmlPoint",
       "type": "LayerContentTreeItem"
     },
     {
-      "name": "czmlDynamicPoint",
+      "name": "czml2.czmlDynamicPoint",
       "layerName": "czmlDynamicPoint",
       "type": "LayerContentTreeItem"
     },
     {
       "name": "wmsLayerPOI",
       "layerName": "wmsLayerPOI",
-      "type": "LayerContentTreeItem"
+      "type": "WMSGroupContentTreeItem"
+    },
+    {
+      "name": "wmsTopplus",
+      "layerName": "wmsTopplus",
+      "type": "WMSGroupContentTreeItem",
+      "setWMSLayersExclusive": true,
+      "initOpen": true,
+      "showWhenNotSupported": true
     },
     {
-      "name": "wmsLayerLaerm",
-      "layerName": "wmsLayerLaerm",
+      "name": "nasa",
+      "layerName": "nasa",
+      "type": "WMSGroupContentTreeItem",
+      "initOpen": true,
+      "showWhenNotSupported": true,
+      "allowedWMSLayers": [
+        "nesp3:GBR_NESP-TWQ-3.2.1-5.4_JCU_Seagrass_1984-2018_Site-surveys",
+        "nesp5:GBR_NESP-TWQ-3.3.2-5.13_JCU_Diver-logger-sites",
+        "nesp3:GBR_NESP-TWQ-3.3.2_JCU_Fish-survey-sites",
+        "ea-be:World_Bright-Earth-e-Atlas-basemap"
+      ]
+    },
+    {
+      "name": "wmsStadtstruktur",
+      "layerName": "wmsStadtstruktur",
       "type": "LayerContentTreeItem"
     },
+    {
+      "name": "FlatGeobufLayers",
+      "type": "LayerContentTreeItem",
+      "layerName": "FlatGeobufLayer"
+    },
     {
       "name": "building.myTest",
       "type": "ContentTreeItem",

package/config/projects.config.json

@@ -35,7 +35,8 @@
         "config/hello-world.config.json",
         "config/theming.config.json",
         "config/clipping.config.json",
-        "config/cluster.config.json"
+        "config/cluster.config.json",
+        "config/vectorTile.config.json"
       ]
     }
   ]

package/config/splashscreen.config.json

@@ -1,15 +1,17 @@
 {
   "name": "SplashScreen Examples",
+  "_id": "splashscreen",
   "uiConfig": [
     {
       "name": "splashScreen",
       "value": {
-        "name": "MyCustomScreen.name",
-        "title": "MyCustomScreen.tooltip",
+        "name": "Splashscreen Example",
+        "title": "Splashscreen Example",
         "icon": "mdi-information-slab-circle-outline",
         "content": "![image](https://vc.systems/wp-content/uploads/2020/07/vcs_logo.png)\nSplash Screen Template\n-------------------\nErste Schritte\n-------------------\n\nDies ist ein <em> Beispieltext</em>, der Ihnen den Einstieg erleichtern soll. **Marked** wird verwendet, um Ihren Text <u>von Markdown nach HTML</u> zu konvertieren. Um mehr über die <u><em>korrekte Syntax</em></u>zu erfahren, besuchen Sie bitte diesen [Link](https://marked.js.org/demo/) für eine Demo.  \n\nWie man Listen hinzufügt\n\n1. Punkt 1 einer Aufzählung\n2. Punkt 2 einer Aufzählung.\n\nWenn Sie Aufzählungen nicht mögen, wie wäre es mit Aufzählungspunkten?  \n- Punkt 1: einer Liste mit Aufzählungspunkten. \n- Punkt 2: einer Aufzählungsliste.",
         "acceptInput": true,
-        "menuEntry": false,
+        "menuEntry": true,
+        "enableDontShowAgain": true,
         "checkBoxText": "components.splashScreen.checkBoxText",
         "buttonTitle": "components.splashScreen.buttonTitle",
         "secondaryButtonTitle": "Hello World Callback",
@@ -24,13 +26,7 @@
             "type": "GoToViewpointCallback",
             "viewpoint": "alexanderplatz"
           }
-        ],
-        "position": {
-          "width": "800px",
-          "height": "500px",
-          "maxWidth": "800px",
-          "maxHeight": "500px"
-        }
+        ]
       },
       "properties": {
         "title": "appConfigurator.editors.uiConfig.splashScreen"

package/config/vectorTile.config.json

@@ -50,7 +50,6 @@
         "type": "MVTTileProvider",
         "url": "https://www.virtualcitymap.de/datasource-data/BerlinFootprintsMVT/{z}/{x}/{y}.pbf"
       },
-      "activeOnStartup": true,
       "debug": false,
       "renderer": "primitive",
       "exclusiveGroups": ["3D"],
@@ -65,6 +64,48 @@
         "tooltip": "OpenStreetMap Building Polygons",
         "availableStyles": ["Transparentbuildings"]
       }
+    },
+    {
+      "name": "berlinStreetsTiled",
+      "type": "VectorTileLayer",
+      "style": "streetStyle",
+      "minLevel": 10,
+      "zIndex": 11,
+      "tileProvider": {
+        "type": "FlatGeobufTileProvider",
+        "projection": {
+          "epsg": 4326
+        },
+        "levels": [
+          {
+            "level": 10,
+            "url": "exampleData/flatGeobuf/berlin-classified-level-0.fgb"
+          },
+          {
+            "level": 12,
+            "url": "exampleData/flatGeobuf/berlin-classified-level-1.fgb"
+          },
+          {
+            "level": 14,
+            "url": "exampleData/flatGeobuf/berlin-classified-level-2.fgb"
+          },
+          {
+            "level": 16,
+            "url": "exampleData/flatGeobuf/berlin-classified-level-3.fgb"
+          }
+        ]
+      },
+      "exclusiveGroups": ["streets"],
+      "properties": {
+        "title": "Berlin Streets (tiled)"
+      }
+    }
+  ],
+  "contentTree": [
+    {
+      "name": "flatGeobufLayers",
+      "type": "LayerContentTreeItem",
+      "layerName": "berlinStreetsTiled"
     }
   ]
 }