@vcmap/ui 6.3.11 → 6.3.13

package/config/{i3s.config.json → dev/i3s.config.json}

@@ -1,89 +1,12 @@
 {
   "name": "I3S Showcase",
-  "_id": "i3sConfig",
-  "startingViewpointName": "madrid",
-  "viewpoints": [
-    {
-      "type": "Viewpoint",
-      "name": "madrid",
-      "distance": 385.649179250111,
-      "cameraPosition": [
-        -3.7074950377293665, 40.41447587819317, 998.4592039649874
-      ],
-      "groundPosition": [
-        -3.7060776232890666, 40.41553577294265, 651.4815445653036
-      ],
-      "heading": 45.627573734011825,
-      "pitch": -64.12249201120223,
-      "roll": 359.99875023385175,
-      "animate": true
-    },
-    {
-      "type": "Viewpoint",
-      "name": "frankfurt",
-      "distance": 412.40461652196285,
-      "cameraPosition": [
-        8.699818348916265, 50.106111617534175, 306.9558677995947
-      ],
-      "groundPosition": [
-        8.697964404193877, 50.10909149178471, 100.5139641145817
-      ],
-      "heading": 338.19317374128906,
-      "pitch": -30.04003991143791,
-      "roll": 359.99999588618317,
-      "animate": true
-    },
-    {
-      "type": "Viewpoint",
-      "name": "nyc",
-      "distance": 3042.3216277021916,
-      "cameraPosition": [
-        -74.01942218939992, 40.688793600077055, 1569.4093289771238
-      ],
-      "groundPosition": [
-        -74.01080610220716, 40.711373341701986, 8.472739591926311
-      ],
-      "heading": 16.19115765285758,
-      "pitch": -30.880522346074567,
-      "roll": 0.025581985964679865,
-      "animate": true
-    },
-    {
-      "type": "Viewpoint",
-      "name": "sf",
-      "distance": 4134.998512891838,
-      "cameraPosition": [
-        -122.37511756311194, 37.810675681587846, 1604.493325598139
-      ],
-      "groundPosition": [
-        -122.40845601064328, 37.788673206883566, 20.313176076480016
-      ],
-      "heading": 230.25853068218197,
-      "pitch": -22.543960067630064,
-      "roll": 0.0020122862676474505,
-      "animate": true
-    },
-    {
-      "type": "Viewpoint",
-      "name": "library",
-      "distance": 133.00055488054696,
-      "cameraPosition": [
-        172.63641822147653, -43.529360740691565, 66.09755359504238
-      ],
-      "groundPosition": [
-        172.63744354169467, -43.53016832095056, 13.47878725615737
-      ],
-      "heading": 137.26993868076386,
-      "pitch": -23.305704615195516,
-      "roll": 0.00025110393808444603,
-      "animate": true
-    }
-  ],
+  "_id": "i3s-config",
+  "comment": "Module synchronised with the dev module using the event-control plugin",
   "layers": [
     {
       "name": "I3SLayerMadrid",
       "type": "I3SLayer",
-      "activeOnStartup": true,
+      "exclusiveGroups": ["i3s"],
       "properties": {
         "featureInfo": "tableAll",
         "title": "Madrid, Spain",
@@ -111,7 +34,7 @@
     {
       "name": "I3SLayerFrankfurt",
       "type": "I3SLayer",
-      "activeOnStartup": false,
+      "exclusiveGroups": ["i3s"],
       "allowPicking": false,
       "properties": {
         "featureInfo": "tableAll",
@@ -132,7 +55,7 @@
     {
       "name": "I3SLayerNYC",
       "type": "I3SLayer",
-      "activeOnStartup": false,
+      "exclusiveGroups": ["i3s"],
       "hasBatchTable": false,
       "properties": {
         "featureInfo": "tableAll",
@@ -153,7 +76,7 @@
     {
       "name": "I3SLayerSF",
       "type": "I3SLayer",
-      "activeOnStartup": false,
+      "exclusiveGroups": ["i3s"],
       "hasBatchTable": false,
       "properties": {
         "featureInfo": "tableAll",
@@ -174,7 +97,7 @@
     {
       "name": "I3SLayerLibrary",
       "type": "I3SLayer",
-      "activeOnStartup": false,
+      "exclusiveGroups": ["i3s"],
       "hasBatchTable": false,
       "properties": {
         "featureInfo": "tableAll",
@@ -195,96 +118,101 @@
   ],
   "contentTree": [
     {
-      "name": "demoI3S",
+      "name": "layersExamples.i3s",
       "type": "NodeContentTreeItem",
-      "title": "I3S Showcase",
-      "initOpen": true,
-      "weight": 1
+      "title": "I3SLayer",
+      "weight": 2
     },
     {
-      "name": "demoI3S.madrid",
-      "layerName": "I3SLayerMadrid",
+      "name": "layersExamples.i3s.frankfurt",
+      "layerName": "I3SLayerFrankfurt",
       "type": "LayerContentTreeItem",
       "onActivate": [
-        {
-          "type": "DeactivateLayersCallback",
-          "layerNames": [
-            "I3SLayerFrankfurt",
-            "I3SLayerNYC",
-            "I3SLayerSF",
-            "I3SLayerLibrary"
-          ]
-        },
-        { "type": "GoToViewpointCallback", "viewpoint": "madrid" }
+        { "type": "GoToViewpointCallback", "viewpoint": "frankfurt" }
       ]
     },
     {
-      "name": "demoI3S.frankfurt",
-      "layerName": "I3SLayerFrankfurt",
+      "name": "layersExamples.i3s.madrid",
+      "layerName": "I3SLayerMadrid",
       "type": "LayerContentTreeItem",
-      "onActivate": [
-        {
-          "type": "DeactivateLayersCallback",
-          "layerNames": [
-            "I3SLayerMadrid",
-            "I3SLayerNYC",
-            "I3SLayerSF",
-            "I3SLayerLibrary"
-          ]
-        },
-        { "type": "GoToViewpointCallback", "viewpoint": "frankfurt" }
-      ]
+      "onActivate": [{ "type": "GoToViewpointCallback", "viewpoint": "madrid" }]
     },
     {
-      "name": "demoI3S.nyc",
+      "name": "layersExamples.i3s.nyc",
       "layerName": "I3SLayerNYC",
       "type": "LayerContentTreeItem",
-      "onActivate": [
-        {
-          "type": "DeactivateLayersCallback",
-          "layerNames": [
-            "I3SLayerFrankfurt",
-            "I3SLayerMadrid",
-            "I3SLayerSF",
-            "I3SLayerLibrary"
-          ]
-        },
-        { "type": "GoToViewpointCallback", "viewpoint": "nyc" }
-      ]
+      "onActivate": [{ "type": "GoToViewpointCallback", "viewpoint": "nyc" }]
     },
     {
-      "name": "demoI3S.sf",
+      "name": "layersExamples.i3s.sf",
       "layerName": "I3SLayerSF",
       "type": "LayerContentTreeItem",
-      "onActivate": [
-        {
-          "type": "DeactivateLayersCallback",
-          "layerNames": [
-            "I3SLayerFrankfurt",
-            "I3SLayerNYC",
-            "I3SLayerMadrid",
-            "I3SLayerLibrary"
-          ]
-        },
-        { "type": "GoToViewpointCallback", "viewpoint": "sf" }
-      ]
+      "onActivate": [{ "type": "GoToViewpointCallback", "viewpoint": "sf" }]
     },
     {
-      "name": "demoI3S.library",
+      "name": "layersExamples.i3s.library",
       "layerName": "I3SLayerLibrary",
       "type": "LayerContentTreeItem",
       "onActivate": [
-        {
-          "type": "DeactivateLayersCallback",
-          "layerNames": [
-            "I3SLayerFrankfurt",
-            "I3SLayerNYC",
-            "I3SLayerSF",
-            "I3SLayerMadrid"
-          ]
-        },
         { "type": "GoToViewpointCallback", "viewpoint": "library" }
       ]
     }
+  ],
+  "viewpoints": [
+    {
+      "type": "Viewpoint",
+      "name": "madrid",
+      "distance": 385.65,
+      "cameraPosition": [-3.707495, 40.414476, 998.46],
+      "groundPosition": [-3.706078, 40.415537, 651.48],
+      "heading": 45.63,
+      "pitch": -64.12,
+      "roll": 0,
+      "animate": true
+    },
+    {
+      "type": "Viewpoint",
+      "name": "frankfurt",
+      "distance": 412.4,
+      "cameraPosition": [8.699818, 50.106111, 306.955868],
+      "groundPosition": [8.697964, 50.109091, 100.513964],
+      "heading": 338.19,
+      "pitch": -30.04,
+      "roll": 0,
+      "animate": true
+    },
+    {
+      "type": "Viewpoint",
+      "name": "nyc",
+      "distance": 3042.32,
+      "cameraPosition": [-74.019422, 40.688794, 1569.409329],
+      "groundPosition": [-74.010806, 40.711373, 8.47274],
+      "heading": 16.19,
+      "pitch": -30.88,
+      "roll": 0,
+      "animate": true
+    },
+    {
+      "type": "Viewpoint",
+      "name": "sf",
+      "distance": 4135.0,
+      "cameraPosition": [-122.375118, 37.810676, 1604.493326],
+      "groundPosition": [-122.408456, 37.788673, 20.313176],
+      "heading": 230.26,
+      "pitch": -22.54,
+      "roll": 0,
+      "animate": true
+    },
+    {
+      "type": "Viewpoint",
+      "name": "library",
+      "distance": 133.0,
+      "cameraPosition": [172.636418, -43.52936, 66.097554],
+      "groundPosition": [172.637444, -43.530168, 13.478787],
+      "heading": 137.27,
+      "pitch": -23.31,
+      "roll": 0,
+      "animate": true
+    }
   ]
 }

package/config/{mapbox.config.json → dev/mapbox.config.json}

@@ -1,6 +1,7 @@
 {
-  "name": "MapBox Style Showcase",
-  "_id": "mapbox-style",
+  "name": "MapboxStyle Showcase",
+  "_id": "mapbox-config",
+  "comment": "Module synchronised with the dev module using the event-control plugin",
   "layers": [
     {
       "name": "basemap.de",
@@ -9,6 +10,10 @@
       "sources": ["smarttiles_de"],
       "exclusiveGroups": ["mapboxDemo"],
       "excludeLayerFromPicking": ["Hintergrund"],
+      "extent": {
+        "coordinates": [6.01149, 47.43169, 14.88644, 54.85087],
+        "projection": { "epsg": "EPSG:4326" }
+      },
       "properties": {
         "clusterFeatureTitleProperty": "klasse",
         "featureInfo": "tableAll",
@@ -43,6 +48,10 @@
       "type": "MapboxStyleLayer",
       "url": "https://sgx.geodatenzentrum.de/gdz_basemapde_vektor/styles/bm_web_drk.json",
       "exclusiveGroups": ["mapboxDemo"],
+      "extent": {
+        "coordinates": [6.01149, 47.43169, 14.88644, 54.85087],
+        "projection": { "epsg": "EPSG:4326" }
+      },
       "properties": {
         "clusterFeatureTitleProperty": "klasse",
         "featureInfo": "tableAll",
@@ -60,6 +69,10 @@
       "type": "MapboxStyleLayer",
       "url": "https://sgx.geodatenzentrum.de/gdz_basemapde_vektor/styles/bm_web_bin.json",
       "exclusiveGroups": ["mapboxDemo"],
+      "extent": {
+        "coordinates": [6.01149, 47.43169, 14.88644, 54.85087],
+        "projection": { "epsg": "EPSG:4326" }
+      },
       "properties": {
         "clusterFeatureTitleProperty": "klasse",
         "featureInfo": "tableAll",
@@ -72,40 +85,6 @@
         ]
       }
     },
-    {
-      "name": "bayernwolke",
-      "type": "MapboxStyleLayer",
-      "url": "https://vtod1.bayernwolke.de/styles/by_style_standard.json",
-      "exclusiveGroups": ["mapboxDemo"],
-      "properties": {
-        "clusterFeatureTitleProperty": "klasse",
-        "featureInfo": "tableAll",
-        "attributions": [
-          {
-            "provider": "Landesamt für Digitalisierung, Breitband und Vermessung Bayern",
-            "year": "2025",
-            "url": "https://www.ldbv.bayern.de/produkte/karten/webvektor.html"
-          }
-        ]
-      }
-    },
-    {
-      "name": "bayernwolke/dark",
-      "type": "MapboxStyleLayer",
-      "url": "https://vtod1.bayernwolke.de/styles/by_style_nacht.json",
-      "exclusiveGroups": ["mapboxDemo"],
-      "properties": {
-        "clusterFeatureTitleProperty": "klasse",
-        "featureInfo": "tableAll",
-        "attributions": [
-          {
-            "provider": "Landesamt für Digitalisierung, Breitband und Vermessung Bayern",
-            "year": "2025",
-            "url": "https://www.ldbv.bayern.de/produkte/karten/webvektor.html"
-          }
-        ]
-      }
-    },
     {
       "name": "Plan.IGN",
       "type": "MapboxStyleLayer",
@@ -122,50 +101,37 @@
   ],
   "contentTree": [
     {
-      "name": "demoMapbox",
+      "name": "layersExamples.mapbox",
       "type": "NodeContentTreeItem",
-      "title": "MapBox Style demo",
-      "initOpen": true,
+      "title": "MapboxStyleLayer",
       "weight": 1
     },
     {
-      "name": "demoMapbox.basemapde",
+      "name": "layersExamples.mapbox.basemapde",
       "title": "basemap.de",
       "type": "LayerContentTreeItem",
       "layerName": "basemap.de"
     },
     {
-      "name": "demoMapbox.basemapde_worldwde",
-      "title": "basemap.de, worldwide",
-      "type": "LayerContentTreeItem",
-      "layerName": "basemap.de/worldwide"
-    },
-    {
-      "name": "demoMapbox.basemapde_dark",
+      "name": "layersExamples.mapbox.basemapde_dark",
       "title": "basemap.de, dark",
       "type": "LayerContentTreeItem",
       "layerName": "basemap.de/dark"
     },
     {
-      "name": "demoMapbox.basemapde_binary",
+      "name": "layersExamples.mapbox.basemapde_binary",
       "title": "basemap.de, binary",
       "type": "LayerContentTreeItem",
       "layerName": "basemap.de/binary"
     },
     {
-      "name": "demoMapbox.bayernwolke",
-      "title": "Webkarte Vektor Bayern",
-      "type": "LayerContentTreeItem",
-      "layerName": "bayernwolke"
-    },
-    {
-      "name": "demoMapbox.bayernwolke_dark",
-      "title": "Webkarte Vektor Bayern, dark",
+      "name": "layersExamples.mapbox.basemapde_worldwde",
+      "title": "basemap.de, worldwide",
       "type": "LayerContentTreeItem",
-      "layerName": "bayernwolke/dark"
+      "layerName": "basemap.de/worldwide"
     },
     {
-      "name": "demoMapbox.ign",
+      "name": "layersExamples.mapbox.ign",
       "title": "Worldwide IGN Style",
       "type": "LayerContentTreeItem",
       "layerName": "Plan.IGN"

package/config/dev/vector-tile.config.json

@@ -0,0 +1,196 @@
+{
+  "name": "VectorTile Showcase",
+  "_id": "vectortile-config",
+  "comment": "Module synchronised with the dev module using the event-control plugin",
+  "description": "Vector tile config",
+  "featureInfo": [],
+  "layers": [
+    {
+      "type": "VectorTileLayer",
+      "name": "worldVectorTile",
+      "datasourceId": "808a12f7-bc72-44e2-93ac-92e2f11fe4f6",
+      "maxLevel": 12,
+      "minLevel": 0,
+      "style": {
+        "type": "VectorStyleItem",
+        "stroke": { "width": 5, "color": "#FF69B4" },
+        "fill": false
+      },
+      "tileProvider": {
+        "type": "StaticGeoJSONTileProvider",
+        "name": "fce5c3c2-abeb-4299-8ba5-43e7dffab2e6",
+        "baseLevels": [0],
+        "url": "https://raw.githubusercontent.com/datasets/geo-countries/b0b7794e15e7ec4374bf183dd73cce5b92e1c0ae/data/countries.geojson"
+      },
+      "zIndex": 15,
+      "properties": { "title": "Worldwide GeoJSON VectorTile" }
+    },
+    {
+      "name": "geojsonVectorTile",
+      "type": "VectorTileLayer",
+      "minLevel": 12,
+      "maxLevel": 18,
+      "zIndex": 11,
+      "tileProvider": {
+        "idProperty": "id",
+        "useSpatialIndex": false,
+        "type": "StaticGeoJSONTileProvider",
+        "url": "exampleData/perFeature.json"
+      },
+      "extent": {
+        "coordinates": [13.40271, 52.4946, 13.50295, 52.55834],
+        "projection": { "epsg": "EPSG:4326" }
+      },
+      "debug": false,
+      "renderer": "primitive",
+      "properties": {
+        "title": "GeoJSON VectorTile",
+        "featureInfo": "markdownFeatureInfo",
+        "legend": [
+          {
+            "type": "StyleLegendItem",
+            "rows": [
+              {
+                "type": "StrokeLegendRow",
+                "title": "Line",
+                "stroke": { "color": [0, 0, 0, 1], "width": 1.2 }
+              },
+              {
+                "type": "StrokeLegendRow",
+                "title": "Line blue",
+                "stroke": { "color": [118, 165, 204, 1], "width": 1.2 }
+              },
+              {
+                "type": "FillLegendRow",
+                "title": "Polygon no fill",
+                "fill": false,
+                "stroke": { "color": [0, 0, 0, 1], "width": 1.2 }
+              },
+              {
+                "type": "FillLegendRow",
+                "title": "Polygon blue",
+                "fill": { "color": [118, 165, 204, 1] },
+                "stroke": { "color": [68, 68, 68, 1], "width": 2 }
+              },
+              {
+                "type": "FillLegendRow",
+                "title": "Polygon white",
+                "tooltip": "Extruded polygons by height or storey",
+                "fill": { "color": [255, 255, 255, 0.4] },
+                "stroke": { "color": [51, 153, 204, 1], "width": 1.25 }
+              },
+              {
+                "type": "CircleLegendRow",
+                "title": "Point Circle",
+                "image": {
+                  "radius": 8,
+                  "scale": 4,
+                  "fill": { "color": "rgba(255, 0, 0, 1)" },
+                  "stroke": { "color": "#00FF00", "width": 2 }
+                }
+              },
+              {
+                "type": "CircleLegendRow",
+                "title": "Point Default",
+                "image": {
+                  "radius": 5,
+                  "scale": 1,
+                  "fill": { "color": [255, 255, 255, 0.4] },
+                  "stroke": { "color": [0, 0, 0, 1], "width": 1 }
+                }
+              },
+              {
+                "type": "IconLegendRow",
+                "title": "Icon",
+                "tooltip": "An exemplary icon",
+                "image": {
+                  "src": "data:image/png;base64,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",
+                  "scale": 0.2
+                }
+              },
+              {
+                "type": "RegularShapeLegendRow",
+                "title": "Rhombus Shape",
+                "image": {
+                  "radius": 8,
+                  "points": 4,
+                  "angle": 1.5707963267948966,
+                  "scale": 4,
+                  "fill": { "color": [255, 0, 255, 0.8] },
+                  "stroke": { "color": "#000000", "width": 2 }
+                }
+              },
+              {
+                "type": "TextLegendRow",
+                "title": "Text",
+                "text": {
+                  "font": "italic bold 32px Courier New, monospace",
+                  "fill": { "color": "#73D9D1" },
+                  "stroke": { "color": "#000000", "width": 2 }
+                },
+                "label": "Test!"
+              }
+            ]
+          }
+        ]
+      }
+    },
+    {
+      "name": "flatGeobuffVectorTile",
+      "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": "layersExamples.vectorTile",
+      "type": "NodeContentTreeItem",
+      "title": "VectorTileLayer",
+      "weight": 1
+    },
+    {
+      "name": "layersExamples.vectorTile.geojsonVectorTile",
+      "layerName": "geojsonVectorTile",
+      "type": "LayerContentTreeItem"
+    },
+    {
+      "name": "layersExamples.vectorTile.worldVectorTile",
+      "layerName": "worldVectorTile",
+      "type": "LayerContentTreeItem"
+    },
+    {
+      "name": "layersExamples.vectorTile.flatGeobufLayers",
+      "type": "LayerContentTreeItem",
+      "layerName": "flatGeobuffVectorTile",
+      "tooltip": "Flat Geobuff Vector Tile Layer"
+    }
+  ]
+}