Add remote tile collections (#35)

* Migrate tiles to remote host

* Update mvt tile layer styling

Author: webb-ben

Dockerfile

@@ -10,9 +10,3 @@ RUN pip3 install --no-cache-dir --no-deps https://github.com/cgs-earth/pygeoapi-
 
 COPY ./sitemap /sitemap
 RUN mv /sitemap/_sitemap.xml /sitemap/sitemap.xml
-
-COPY ./tiles /tmp/tiles/
-RUN apt-get update \
-    && apt-get install -y unzip \
-    && mkdir -p /data/tiles \
-    && unzip /tmp/tiles/* -d /data/tiles/

pygeoapi-skin-dashboard/templates/collections/tiles/index.html

@@ -107,13 +107,14 @@ <h3>Tiles</h3>
             maxZoom: {{ data['maxzoom'] }},
             indexMaxZoom: 5,
             getFeatureId: function(feat) {
-                return feat.properties["id"]
+                return feat.properties.id || feat.properties.fid;
             },
             vectorTileLayerStyles: {
                 {{ data["id"] }}: function(properties, zoom) {
 
                     return {
-                        weight: 1,
+                        color: '#1B335F',
+                        weight: 0.25 + (zoom / 4),
                     }
                 }
             }
@@ -136,12 +137,13 @@ <h3>Tiles</h3>
                     .openOn(map);
 
                 clearHighlight();
-                highlight = e.layer.properties.id;
+                console.log(e)
+                highlight = e.layer.properties.id || e.layer.properties.fid;
                 tilesPbfLayer.setFeatureStyle(highlight, {
-                    weight: 2,
-                    color: 'red',
+                    weight: e.layer.options.weight + 3,
+                    color: '#E6000B',
                     opacity: 1,
-                    fillColor: 'red',
+                    fillColor: '#E6000B',
                     fill: false,
                     radius: 6,
                     fillOpacity: 1

pygeoapi.config.yml

@@ -266,6 +266,17 @@ resources:
                     object: '?huc'
                 filter: 
                   - 'BIND(REPLACE(STR(?containedCatchment), "^.*ref/(hu[0-9]+)/.*$", "$1") AS ?hucLevel)'
+            - &tile_defaults
+              type: tile
+              name: MVT-tippecanoe
+              data: https://storage.googleapis.com/reference-tiles/hu08/{z}/{x}/{y}.pbf
+              options:
+                zoom:
+                  min: 0
+                  max: 10
+              format:
+                name: pbf
+                mimetype: application/vnd.mapbox-vector-tile
     hu10:
         type: collection
         title: HU10
@@ -291,6 +302,8 @@ resources:
               table: hu10
               uri_field: uri
               geom_field: geom
+            - <<: *tile_defaults
+              data: https://storage.googleapis.com/reference-tiles/hu10/{z}/{x}/{y}.pbf
     nat_aq:
         type: collection
         title: USGS National Aquifers
@@ -525,16 +538,8 @@ resources:
                   - subject: '?distribution'
                     predicate: 'schema:encodingFormat'
                     object: '?distributionFormat'
-            - type: tile
-              name: MVT-tippecanoe
-              data: /data/tiles/mainstems/
-              options:
-                zoom:
-                  min: 0
-                  max: 10
-              format:
-                name: pbf
-                mimetype: application/vnd.mapbox-vector-tile
+            - <<: *tile_defaults
+              data: https://storage.googleapis.com/reference-tiles/mainstems/{z}/{x}/{y}.pbf
 
     dams: # updated 2024-04-23
         type: collection
@@ -689,6 +694,8 @@ resources:
               table: counties
               uri_field: uri
               geom_field: geom
+            - <<: *tile_defaults
+              data: https://storage.googleapis.com/reference-tiles/counties/{z}/{x}/{y}.pbf
     aiannh:
         type: collection
         title: American Indian/Alaska Native Areas/Hawaiian Home Lands (AIANNH)