Updates

jolevesq · Jun 26, 2024 · 78af796 · 78af796
1 parent af27dfc
commit 78af796
Show file tree

Hide file tree

Showing 31 changed files with 18,484 additions and 291 deletions.
diff --git a/cgpv-main.js b/cgpv-main.js
diff --git a/cgpv-main.js.br b/cgpv-main.js.br
diff --git a/cgpv-main.js.map b/cgpv-main.js.map
diff --git a/configs/elections-canada-2019.json b/configs/elections-canada-2019.json
@@ -0,0 +1,53 @@
+{
+  "map": {
+    "interaction": "dynamic",
+    "viewSettings": {
+      "initialView": {
+        "zoomAndCenter": [4, [-90, 60]]
+      },
+      "projection": 3978
+    },
+    "basemapOptions": {
+      "basemapId": "transport",
+      "shaded": false,
+      "labeled": true
+    },
+    "listOfGeoviewLayerConfig": [
+      {
+        "geoviewLayerId": "polling-division-boudnaries-2019",
+        "geoviewLayerName": {
+          "en": "Polling Division Boundaries of 2019",
+          "fr": "Limites de section de vote de 2019"
+        },
+        "geoviewLayerType": "esriFeature",
+        "initialSettings": {
+          "states": {
+            "visible": true
+          }
+        },
+        "metadataAccessPath": {
+          "en": "https://maps-cartes.services.geo.ca/server_serveur/rest/services/ELECTIONS/elections_canada_2019_en/mapserver",
+          "fr": "https://maps-cartes.services.geo.ca/server_serveur/rest/services/ELECTIONS/elections_canada_2019_fr/mapserver"
+        },
+        "listOfLayerEntryConfig": [
+          {
+            "layerId": "2"
+          }
+        ]
+      }
+    ]
+  },
+  "components": ["north-arrow", "overview-map"],
+  "navBar": ["zoom", "fullscreen", "location", "home"],
+  "appBar": {
+    "tabs": {
+      "core": ["geolocator", "legend", "basemap-panel", "export"]
+    }
+  },
+  "footerBar": {
+    "tabs": {
+      "core": ["legend", "layers", "details", "data-table"]
+    }
+  },
+  "theme": "geo.ca"
+}
diff --git a/configs/max-record-count.json b/configs/max-record-count.json
@@ -0,0 +1,46 @@
+{
+  "map": {
+    "interaction": "dynamic",
+    "viewSettings": {
+      "initialView": {
+        "zoomAndCenter": [4, [-100, 60]]
+      },
+      "projection": 3978
+    },
+    "basemapOptions": {
+      "basemapId": "transport",
+      "shaded": false,
+      "labeled": true
+    },
+    "listOfGeoviewLayerConfig": [
+      {
+        "geoviewLayerId": "advanced-polling-district-boundaries-2019",
+        "geoviewLayerName": {
+          "en": "Advance Polling District Boundaries of 2019"
+        },
+        "geoviewLayerType": "esriFeature",
+        "metadataAccessPath": {
+          "en": "https://maps-cartes.services.geo.ca/server_serveur/rest/services/ELECTIONS/elections_canada_2019_en/mapserver"
+        },
+        "listOfLayerEntryConfig": [
+          {
+            "layerId": "1"
+          }
+        ]
+      }
+    ]
+  },
+  "components": ["north-arrow", "overview-map"],
+  "navBar": ["zoom", "fullscreen", "location", "home"],
+  "appBar": {
+    "tabs": {
+      "core": ["geolocator", "legend", "export"]
+    }
+  },
+  "footerBar": {
+    "tabs": {
+      "core": ["legend", "layers", "details", "data-table"]
+    }
+  },
+  "theme": "geo.ca"
+}
diff --git a/configs/package-swiper3-config-swiper.json b/configs/package-swiper3-config-swiper.json
@@ -7,6 +7,6 @@
     "swipe4/polygons.json",
     "swipe5/ec-msc:CURRENT_CONDITIONS",
     "swipe6/lakes",
-    "rcs.ccc75c12-5acc-4a6a-959f-ef6f621147b9.en/0"
+    "ccc75c12-5acc-4a6a-959f-ef6f621147b9/0"
   ]
 }
diff --git a/configs/package-swiper3-config.json b/configs/package-swiper3-config.json
@@ -89,13 +89,8 @@
         ]
       },
       {
-        "geoviewLayerId": "swipe7",
-        "geoviewLayerType": "geoCore",
-        "listOfLayerEntryConfig": [
-          {
-            "layerId": "ccc75c12-5acc-4a6a-959f-ef6f621147b9"
-          }
-        ]
+        "geoviewLayerId": "ccc75c12-5acc-4a6a-959f-ef6f621147b9",
+        "geoviewLayerType": "geoCore"
       },
       {
         "geoviewLayerId": "swipe0",

diff --git a/corePackages/geoview-basemap-panel.js b/corePackages/geoview-basemap-panel.js
diff --git a/corePackages/geoview-basemap-panel.js.br b/corePackages/geoview-basemap-panel.js.br
diff --git a/corePackages/geoview-basemap-panel.js.map b/corePackages/geoview-basemap-panel.js.map
diff --git a/corePackages/geoview-geochart.js b/corePackages/geoview-geochart.js
diff --git a/corePackages/geoview-geochart.js.br b/corePackages/geoview-geochart.js.br
diff --git a/corePackages/geoview-geochart.js.map b/corePackages/geoview-geochart.js.map
diff --git a/corePackages/geoview-swiper.js b/corePackages/geoview-swiper.js
diff --git a/corePackages/geoview-swiper.js.br b/corePackages/geoview-swiper.js.br
diff --git a/corePackages/geoview-swiper.js.map b/corePackages/geoview-swiper.js.map
diff --git a/corePackages/geoview-time-slider.js b/corePackages/geoview-time-slider.js
diff --git a/corePackages/geoview-time-slider.js.br b/corePackages/geoview-time-slider.js.br
diff --git a/corePackages/geoview-time-slider.js.map b/corePackages/geoview-time-slider.js.map
diff --git a/datasets/geojson/46E.JSON b/datasets/geojson/46E.JSON
diff --git a/demo-gsc.html b/demo-gsc.html
@@ -0,0 +1,54 @@
+<!doctype html><html lang="en"><head><meta charset="UTF-8"/><meta name="viewport" content="width=device-width,initial-scale=1"/><title>GSC Demo - Canadian Geospatial Platform Viewer</title><link rel="shortcut icon" href="./favicon.ico"/><meta name="msapplication-TileColor" content="#da532c"/><meta name="msapplication-config" content="./img/browserconfig.xml"/><meta name="theme-color" content="#ffffff"/><meta name="msapplication-TileColor" content="#da532c"/><meta name="theme-color" content="#ffffff"/><link href="https://fonts.googleapis.com/css?family=Roboto|Montserrat:200,300,400,900|Merriweather" rel="stylesheet"/><link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"/><link rel="stylesheet" href="css/style.css"/><script src="cgpv-main.js"></script></head><body><div class="header-table"><table><tbody><tr><td><img class="header-logo" alt="logo" src="./img/Logo.png"/></td><td class="header-title"><h1><strong>GSC Demo</strong></h1></td></tr><tr><td><a href="./demos.html">Main</a><br/></td></tr></tbody></table><table><tbody><tr><td><p>Demonstration of Open Science Data Portal - Air Quality in GeoView</p></td></tr></tbody></table></div><div class="map-title-holder"><h4 id="HMap1">GSC Demo</h4></div><button class="collapsible active">Map Status Flags</button><pre id="HMap1-state" class="panel map-title-holder"></pre><div id="Map1" class="geoview-map" data-lang="en" data-config="{
+        'map': {
+          'interaction': 'dynamic',
+          'viewSettings': {
+            'projection': 3978,
+            'initialView': { 'zoomAndCenter': [10, [-87, 65.7]]}
+          },
+          'basemapOptions': {
+            'basemapId': 'transport',
+            'shaded': true,
+            'labeled': true
+          },
+          'listOfGeoviewLayerConfig': [
+            {
+              'geoviewLayerId': 'geoJsonSample',
+              'geoviewLayerName': {
+                'en': 'JSON Layer'
+              },
+              'geoviewLayerType': 'GeoJSON',
+              'listOfLayerEntryConfig': [
+                {
+                  'layerId': '46E.JSON',
+                  'layerName': { 'en': '46E' },
+                  'source': {
+                    'dataAccessPath': {
+                      'en': './datasets/geojson/'
+                    }
+                  }
+                }
+              ]
+            }
+          ]
+        },
+        'components': ['north-arrow', 'overview-map'],
+        'overviewMap': {'hideOnZoom': 6},
+        'footerBar': {
+          'tabs': {
+            'core': ['legend', 'layers', 'details', 'data-table']
+          }
+        },
+        'corePackages': [],
+        'theme': 'geo.ca'
+        }"></div><script src="codedoc.js"></script><script src="layerlib.js"></script><script>// initialize cgpv and api events, a callback is optional, used if calling api's after the rendering is ready
+      cgpv.init((mapId) => {
+        if (mapId === 'Map1') {
+          listenToLegendLayerSetChanges('HMap1-state', 'Map1');
+        }
+      });
+
+      // create snippets
+      window.addEventListener('load', () => {
+        createCodeSnippet();
+        createConfigSnippet();
+      });</script></body></html>
diff --git a/demos.html b/demos.html
@@ -1 +1 @@
-<!doctype html><html lang="en"><head><meta charset="UTF-8"/><meta name="viewport" content="width=device-width,initial-scale=1"/><title>Specific Demos - Canadian Geospatial Platform Viewer</title><link rel="shortcut icon" href="./favicon.ico"/><meta name="msapplication-TileColor" content="#da532c"/><meta name="msapplication-config" content="./img/browserconfig.xml"/><meta name="theme-color" content="#ffffff"/><meta name="msapplication-TileColor" content="#da532c"/><meta name="theme-color" content="#ffffff"/><link href="https://fonts.googleapis.com/css?family=Roboto|Montserrat:200,300,400,900|Merriweather" rel="stylesheet"/><link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"/><link rel="stylesheet" href="css/style.css"/><script src="cgpv-main.js"></script></head><body><div><img class="center-logo header-logo" alt="logo" src="./img/Logo.png"/><h1 class="index-header-title"><strong>Specific Demos</strong></h1><h2 class="index-header-title"><strong>Plateforme Géospatiale Canadienne (PGC) - Projet GeoView -</strong></h2><h2 class="index-header-title"><strong>Canadian Geospatial Platform (CGP) - GeoView Project -</strong></h2><hr/><hr/><a href="./index.html">Main</a><br/><br/><br/><h4>Canada's Spatial Data Infrastructure</h4><a href="./demo-cgdi.html">Water Starter Kit</a><h4>Open Science Data Portal</h4><a href="./demo-osdp-air.html">Air Quality</a><br><a href="./demo-osdp-biodiversity.html">Biodiversity</a><br><a href="./demo-osdp-climate.html">Climate</a><br><a href="./demo-osdp-economy.html">Economy and Industry</a><br><a href="./demo-osdp-health.html">Health</a><br><a href="./demo-osdp-land.html">Land</a><br><a href="./demo-osdp-society.html">Society and Culture</a><br><a href="./demo-osdp-water.html">Water</a><br></div></body></html>
+<!doctype html><html lang="en"><head><meta charset="UTF-8"/><meta name="viewport" content="width=device-width,initial-scale=1"/><title>Specific Demos - Canadian Geospatial Platform Viewer</title><link rel="shortcut icon" href="./favicon.ico"/><meta name="msapplication-TileColor" content="#da532c"/><meta name="msapplication-config" content="./img/browserconfig.xml"/><meta name="theme-color" content="#ffffff"/><meta name="msapplication-TileColor" content="#da532c"/><meta name="theme-color" content="#ffffff"/><link href="https://fonts.googleapis.com/css?family=Roboto|Montserrat:200,300,400,900|Merriweather" rel="stylesheet"/><link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"/><link rel="stylesheet" href="css/style.css"/><script src="cgpv-main.js"></script></head><body><div><img class="center-logo header-logo" alt="logo" src="./img/Logo.png"/><h1 class="index-header-title"><strong>Specific Demos</strong></h1><h2 class="index-header-title"><strong>Plateforme Géospatiale Canadienne (PGC) - Projet GeoView -</strong></h2><h2 class="index-header-title"><strong>Canadian Geospatial Platform (CGP) - GeoView Project -</strong></h2><hr/><hr/><a href="./index.html">Main</a><br/><br/><br/><h4>Canada's Spatial Data Infrastructure</h4><a href="./demo-cgdi.html">Water Starter Kit</a><h4>Open Science Data Portal</h4><a href="./demo-osdp-air.html">Air Quality</a><br/><a href="./demo-osdp-biodiversity.html">Biodiversity</a><br/><a href="./demo-osdp-climate.html">Climate</a><br/><a href="./demo-osdp-economy.html">Economy and Industry</a><br/><a href="./demo-osdp-health.html">Health</a><br/><a href="./demo-osdp-land.html">Land</a><br/><a href="./demo-osdp-society.html">Society and Culture</a><br/><a href="./demo-osdp-water.html">Water</a><br/><h4>GSC</h4><a href="./demo-gsc.html">GSC 46E</a><br/><br/></div></body></html>
diff --git a/index.html b/index.html
@@ -1 +1 @@
-<!doctype html><html lang="en"><head><meta charset="UTF-8"/><meta name="viewport" content="width=device-width,initial-scale=1"/><title>Canadian Geospatial Platform Viewer</title><link rel="shortcut icon" href="./favicon.ico"/><link rel="stylesheet" href="css/style.css"/><script src="cgpv-main.js"></script><script src="corePackages/geoview-basemap-panel.js"></script><script src="corePackages/geoview-geochart.js"></script><script src="corePackages/geoview-swiper.js"></script><script src="corePackages/geoview-time-slider.js"></script></head><body><div><img class="center-logo header-logo" alt="logo" src="./img/Logo.png"/><h1 class="index-header-title"><strong>Plateforme Géospatiale Canadienne (PGC) - Projet GeoView -</strong></h1><h1 class="index-header-title"><strong>Canadian Geospatial Platform (CGP) - GeoView Project -</strong></h1><hr/><hr/><br/><br/><h4>Sandbox</h4><a class="page-link" href="./sandbox.html">Sandbox</a> <a class="page-link" href="./config-sandbox.html">Config Sandbox</a><h4>Configurations Navigator</h4><a class="page-link" href="./demos-navigator.html">Configurations Navigator</a><h4>Basic Loading</h4><a class="page-link" href="./default-config.html">Default Configuration</a> <a class="page-link" href="./api-loads.html?geoms=000183ed-8864-42f0-ae43-c4313a860720,0083baf1-8145-4207-a84f-3d85ef2943a5">API loads</a> <a class="page-link" href="./type-of-layers.html">Type Of Layers</a><h4>Custom Behaviour</h4><a class="page-link" href="./add-layers.html">Add Layers</a> <a class="page-link" href="./pygeoapi-processes.html">pygeoapi process</a> <a class="page-link" href="./ui-components.html">UI Components</a><h4>Internal Package</h4><a class="page-link" href="./loading-packages.html">Loading Packages</a> <a class="page-link" href="./package-swiper.html">Package - Swiper (interactive)</a><h4>API and Events</h4><a class="page-link" href="./api-functions-test.html">API Functions Test</a> <a class="page-link" href="./events.html">Events</a> <a class="page-link" href="./add-panels.html">Add Panels</a> <a class="page-link" href="./geometry.html">Geometry</a> <a class="page-link" href="./footer-bar.html">Footer bar (vanilla JS)</a><h4>Interactions</h4><a class="page-link" href="./inter-all.html">Interactions (all-in)</a> <a class="page-link" href="./inter-select.html">Select</a> <a class="page-link" href="./inter-draw.html">Draw</a> <a class="page-link" href="./inter-modify.html">Modify</a> <a class="page-link" href="./inter-translate.html">Translate</a> <a class="page-link" href="./inter-snap.html">Snap</a> <a class="page-link" href="./inter-extent.html">Extent</a><h4>Demos</h4><a class="page-link" href="./demos.html">Specific Demos Pages</a> <a class="page-link" href="./demo-function-event.html">API Function and Event Demo</a><h4>Other</h4><a class="page-link" href="./load-test.html">Performance Test</a> <a class="page-link" href="./outliers.html">Outlier Layers</a><br/></div></body></html>
+<!doctype html><html lang="en"><head><meta charset="UTF-8"/><meta name="viewport" content="width=device-width,initial-scale=1"/><title>Canadian Geospatial Platform Viewer</title><link rel="shortcut icon" href="./favicon.ico"/><link rel="stylesheet" href="css/style.css"/><script src="cgpv-main.js"></script><script src="corePackages/geoview-basemap-panel.js"></script><script src="corePackages/geoview-geochart.js"></script><script src="corePackages/geoview-swiper.js"></script><script src="corePackages/geoview-time-slider.js"></script></head><body><div><img class="center-logo header-logo" alt="logo" src="./img/Logo.png"/><h1 class="index-header-title"><strong>Plateforme Géospatiale Canadienne (PGC) - Projet GeoView -</strong></h1><h1 class="index-header-title"><strong>Canadian Geospatial Platform (CGP) - GeoView Project -</strong></h1><hr/><hr/><br/><br/><h4>Sandbox</h4><a class="page-link" href="./sandbox.html">Sandbox</a> <a class="page-link" href="./config-sandbox.html">Config Sandbox</a><h4>Configurations Navigator</h4><a class="page-link" href="./demos-navigator.html">Configurations Navigator</a><h4>Basic Loading</h4><a class="page-link" href="./default-config.html">Default Configuration</a> <a class="page-link" href="./api-loads.html?geoms=000183ed-8864-42f0-ae43-c4313a860720,0083baf1-8145-4207-a84f-3d85ef2943a5">API loads</a> <a class="page-link" href="./type-of-layers.html">Type Of Layers</a><h4>Custom Behaviour</h4><a class="page-link" href="./add-layers.html">Add Layers</a> <a class="page-link" href="./pygeoapi-processes.html">pygeoapi process</a> <a class="page-link" href="./ui-components.html">UI Components</a><h4>Internal Package</h4><a class="page-link" href="./loading-packages.html">Loading Packages</a> <a class="page-link" href="./package-swiper.html">Package - Swiper (interactive)</a><h4>API and Events</h4><a class="page-link" href="./api-functions-test.html">API Functions Test</a> <a class="page-link" href="./events.html">Events</a> <a class="page-link" href="./add-panels.html">Add Panels</a> <a class="page-link" href="./geometry.html">Geometry</a> <a class="page-link" href="./footer-bar.html">Footer bar (vanilla JS)</a><h4>Interactions</h4><a class="page-link" href="./inter-all.html">Interactions (all-in)</a> <a class="page-link" href="./inter-select.html">Select</a> <a class="page-link" href="./inter-draw.html">Draw</a> <a class="page-link" href="./inter-modify.html">Modify</a> <a class="page-link" href="./inter-translate.html">Translate</a> <a class="page-link" href="./inter-snap.html">Snap</a> <a class="page-link" href="./inter-extent.html">Extent</a><h4>Demos</h4><a class="page-link" href="./demos.html">Specific Demos Pages</a> <a class="page-link" href="./demo-function-event.html">API Function and Event Demo</a><h4>Other</h4><a class="page-link" href="./load-test.html">Performance Test</a> <a class="page-link" href="./outliers.html">Outlier Layer Demo Pages</a><br/></div></body></html>
diff --git a/outlier-ESRI-feature-polygons.html b/outlier-ESRI-feature-polygons.html
@@ -0,0 +1,10 @@
+<!doctype html><html lang="en"><head><meta charset="UTF-8"/><meta name="viewport" content="width=device-width,initial-scale=1"/><title>Outlier ESRI Feature - Canadian Geospatial Platform Viewer</title><link rel="shortcut icon" href="./favicon.ico"/><meta name="msapplication-TileColor" content="#da532c"/><meta name="msapplication-config" content="./img/browserconfig.xml"/><meta name="theme-color" content="#ffffff"/><meta name="msapplication-TileColor" content="#da532c"/><meta name="theme-color" content="#ffffff"/><link href="https://fonts.googleapis.com/css?family=Roboto|Montserrat:200,300,400,900|Merriweather" rel="stylesheet"/><link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"/><link rel="stylesheet" href="css/style.css"/><script src="cgpv-main.js"></script></head><body><div class="header-table"><table><tbody><tr><td><img class="header-logo" alt="logo" src="./img/Logo.png"/></td><td class="header-title"><h1><strong>Outlier layer with max record count</strong></h1></td></tr></tbody></table><table><tbody><tr><td><a href="./index.html">Main</a><br/><a href="./outliers.html">Outlier Layers</a><br/></td></tr><tr><td><p>This page is used to showcase a layer with a max record count of 1000 and 6712 features</p></td></tr><tr><td><a href="#HMap1">1. Max Record Count Layer</a><br/></td></tr></tbody></table></div><div class="map-title-holder"><h4 id="HMap1">1. Max Record Count Layer</h4><a class="ref-link" href="#top">Top</a></div><button class="collapsible active">Map Status Flags</button><pre id="HMap1-state" class="panel map-title-holder"></pre><hr/><div id="Map1" class="geoview-map" data-lang="en" data-config-url="./configs/max-record-count.json"></div><div>Outlier Layer:<ul><li>Advance Polling District - maxRecordCount of 1000, with 6172 features - Issue #2199</li></ul></div><hr/><script src="codedoc.js"></script><script src="layerlib.js"></script><script>// initialize cgpv and api events, a callback is optional, used if calling api's after the rendering is ready
+      cgpv.init((mapId) => {
+          listenToLegendLayerSetChanges('HMap1-state', 'Map1');
+      });
+
+      // create snippets
+      window.addEventListener('load', () => {
+        createCodeSnippet();
+        createConfigSnippet();
+      });</script></body></html>