add live deployments generator, GeoJSON, map

Author: tomkralidis

.github/workflows/live-deployments.yml

@@ -0,0 +1,35 @@
+name: Update live deployments GeoJSON ⚙️
+
+on:
+  push:
+    branches:
+      - master
+    paths:
+      - docs/community/live-deployments.geojson
+  schedule:
+    #- cron: '* * * * *'  # runs minutely (for testing)
+    - cron: '0 * * * *'  # runs hourly at minute 0
+
+jobs:
+  build:
+    name: Update live deployments GeoJSON
+    runs-on: ubuntu-24.04
+    steps:
+      - uses: actions/checkout@v6.0.2
+      - uses: actions/setup-python@v5
+        with:
+          python-version: '3.12'
+      - name: Generate live deployments GeoJSON 📦
+        run: |
+          python3 gen_live_deployments_geojson.py
+          mv -f live-deployments.geojson docs/community
+      - name: Commit and push update 📦
+        run: |
+          if [[ `git status --porcelain` ]]; then
+            git config --global user.email "tomkralidis@gmail.com"
+            git config --global user.name "Tom Kralidis"
+            git commit -m 'update live deployments GeoJSON' docs/community/live-deployments.geojson
+            git push
+          else
+            echo "No changes to push"
+          fi

README.md

@@ -57,6 +57,15 @@ git commit -m 'update page' content/page.md
 git push origin master
 ```
 
+### Updating live deployments
+
+```bash
+python3 gen_live_deployments_geojson.py
+mv live-deployments.geojson docs/community
+git commit -m 'update live deployments GeoJSON' docs/community/live-deployments.geojson
+git push origin master
+```
+
 ## Publishing updates to the live site
 
 Website updates are automatically published via GitHub Actions.

docs/community/index.md

@@ -2,15 +2,82 @@
 title: Community
 ---
 
+<link rel="stylesheet" href="https://unpkg.com/leaflet/dist/leaflet.css"/>
+<script src="https://unpkg.com/leaflet/dist/leaflet.js"></script>
+<style>
+  #map {
+    width: 650px;
+    height: 300px;
+  }
+  .leaflet-marker-icon {
+    background: transparent !important;
+    box-shadow: none;
+  }
+</style>
+
 # Community
 
+## Live deployments map
+<div id="map"></div>
+
+Want to add your deployment?  Add it to the [Live deployment wiki page](https://github.com/geopython/pygeoapi/wiki/LiveDeployments) (map is updated hourly).
+
+<script>
+  const map = L.map('map', {
+    attributionControl: false
+  }).setView([20, 0], 1);
+
+  L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
+    attribution: '&copy; OpenStreetMap contributors'
+  }).addTo(map);
+
+  const icon = L.icon({
+    iconUrl: 'marker.png',
+    iconSize: [25, 41],
+    iconAnchor: [12, 41],
+    shadowUrl: null
+  });
+
+  fetch('https://raw.githubusercontent.com/geopython/pygeoapi.io/gh-pages/community/live-deployments.geojson')
+    .then(r => r.json())
+    .then(data => {
+      const layer = L.geoJSON(data, {
+        pointToLayer: (feature, latlng) => {
+          return L.marker(latlng);
+        },
+        onEachFeature: (feature, layer) => {
+          layer.bindPopup(
+            feature.properties.url
+          );
+        }
+      }).addTo(map);
+
+      map.fitBounds(layer.getBounds());
+    });
+</script>
+
+
+<div class="pygeoapi-powered">
+  <a href="https://www.ga.gov.au"><img alt="Geoscience Australia" src="/img/org-logos/aus-ga.png"/></a>
+  <a href="https://ec.gc.ca"><img alt="Environment and Climate Change Canada" src="/img/org-logos/can-eccc.jpg"/></a>
+  <a href="https://idee.es"><img alt="National Cartographic System of Spain" src="/img/org-logos/esp-idee.png"/></a>
+  <a href="https://ign.es"><img alt="National Geographic Institute of Spain" src="/img/org-logos/esp-ign.png"/></a>
+  <a href="https://www.bgs.ac.uk"><img alt="British Geological Survery" src="/img/org-logos/gbr-bgs.png" style="vertical-align: top";/></a>
+  <a href="https://wmo.int/site/knowledge-hub/programmes-and-initiatives/global-atmosphere-watch-programme-gaw"><img alt="World Meteorological Organization, Global Atmospheric Watch" src="/img/org-logos/int-wmo-gaw.jpg" style="vertical-align: top;"/></a>
+  <a href="https://wmo.int"><img alt="World Meteorological Organization" src="/img/org-logos/int-wmo.jpg" style="vertical-align: top;"/></a>
+  <a href="https://www.dgterritorio.gov.pt"><img alt="Direção-Geral do Território (DGT)" src="/img/org-logos/prt-dgt.png" style="vertical-align: middle;"/></a>
+  <a href="https://www.geoplatform.gov"><img alt="US Geoplatform.gov" src="/img/org-logos/usa-geoplatform.jpg" style="vertical-align: top;"/></a>
+  <a href="https://internetofwater.org"><img alt="The Internet of Water Coalition" src="/img/org-logos/usa-iow.png" style="vertical-align: top;"/></a>
+  <a href="https://usgs.gov"><img alt="United States Geological Survey" src="/img/org-logos/usa-usgs.jpg" style="vertical-align: top;"/></a>
+</div>
+
 ## Code of Conduct
 
 In support of an inclusive and welcoming community, the pygeoapi code of conduct can always be found at [https://github.com/geopython/pygeoapi/blob/master/CODE_OF_CONDUCT.md](https://github.com/geopython/pygeoapi/blob/master/CODE_OF_CONDUCT.md).
 
 There are numerous ways to interact with the pygeoapi community.
 
-## Mailing List
+## Mailing list
 
 The pygeoapi mailing list enables users and developers to exchange ideas, discuss improvements / issues, and ask questions. To subscribe, visit [https://lists.osgeo.org/mailman/listinfo/pygeoapi](https://lists.osgeo.org/mailman/listinfo/pygeoapi).
 
@@ -86,3 +153,33 @@ Users, developers and others are more than welcome!  There are plenty of ways to
 - Core development (bug fixing, feature implementation, etc.)
 
 See [https://github.com/geopython/pygeoapi/blob/master/CONTRIBUTING.md](https://github.com/geopython/pygeoapi/blob/master/CONTRIBUTING.md) for more information on contributing.
+
+
+<script src="//code.jquery.com/jquery-4.0.0.min.js"></script>
+<script type="text/javascript">
+  function makeSimpleSlideshow(container) {
+    container.addClass('slideshow').hide().slideDown('slow');
+    $('a', container).each(function() {
+      $(this).attr('title', $('img', this).attr('alt'));
+    }).clone().appendTo(container);
+    var links = $('a', container).wrapAll('<div class=items></div>');
+    var items = $('div.items', container);
+    var firstLink = $(links[0]);
+    var lastLink = $(links[links.length / 2 - 1]);
+    var pixels = lastLink.offset().left - firstLink.offset().left + lastLink.width();
+
+    function scroll() {
+      items.animate({left: -pixels + 'px'}, pixels * 20, 'linear', function() {
+        items.css('left', '0px');
+        scroll();
+      });
+    }
+    scroll();
+  }
+
+  $(document).ready(function() {
+      var powered = $('div.pygeoapi-powered');
+      if (powered.length > 0)
+          makeSimpleSlideshow(powered);
+  });
+</script>