Merge pull request #197 from doug-stormtree/add-gonzales-community-map

Add gonzales community map
doug-stormtree · Sep 26, 2024 · c3a46f3 · c3a46f3
2 parents 7330fb1 + dbbd8bf
commit c3a46f3
Show file tree

Hide file tree

Showing 7 changed files with 278 additions and 12 deletions.
diff --git a/src/data/geojson/CommunityMaps.geojson b/src/data/geojson/CommunityMaps.geojson
@@ -0,0 +1,166 @@
+{
+  "type": "FeatureCollection",
+  "name": "CommunityMaps",
+  "crs": {
+    "type": "name",
+    "properties": { "name": "urn:ogc:def:crs:OGC:1.3:CRS84" }
+  },
+  "features": [
+    {
+      "type": "Feature",
+      "properties": { 
+        "Name": "Gonzales Neighbourhood Community Green Map",
+        "Description": "The 2023 Community Green Map created by the Gonzales Neighbourhood Association. Explore what's going on in the neighbourhood by visiting their website.",
+        "URL": "https://www.gonzalesna.ca/2023-community-green-map",
+        "color": "#6ebd62"
+      },
+      "geometry": {
+        "type": "MultiPolygon",
+        "coordinates": [
+          [
+            [
+              [-123.33752, 48.41624],
+              [-123.33611, 48.41633],
+              [-123.33524, 48.41648],
+              [-123.33148, 48.41763],
+              [-123.33237, 48.41947],
+              [-123.33207, 48.42043],
+              [-123.33011, 48.42282],
+              [-123.33018, 48.42478],
+              [-123.33024, 48.42646],
+              [-123.32271, 48.42644],
+              [-123.32289, 48.42324],
+              [-123.32346, 48.41316],
+              [-123.32742, 48.41319],
+              [-123.32665, 48.41207],
+              [-123.32651, 48.41196],
+              [-123.32652, 48.41191],
+              [-123.32658, 48.41184],
+              [-123.32665, 48.41124],
+              [-123.32671, 48.41126],
+              [-123.32693, 48.41134],
+              [-123.32715, 48.41138],
+              [-123.32736, 48.41144],
+              [-123.32754, 48.41149],
+              [-123.32771, 48.41153],
+              [-123.3279, 48.41157],
+              [-123.32824, 48.4116],
+              [-123.32846, 48.41159],
+              [-123.32867, 48.41159],
+              [-123.3289, 48.41154],
+              [-123.32913, 48.41149],
+              [-123.32938, 48.41143],
+              [-123.32961, 48.41137],
+              [-123.32983, 48.41126],
+              [-123.33006, 48.41113],
+              [-123.33024, 48.411],
+              [-123.3304, 48.41088],
+              [-123.33053, 48.41074],
+              [-123.33056, 48.41067],
+              [-123.33059, 48.41049],
+              [-123.33057, 48.41034],
+              [-123.33042, 48.41017],
+              [-123.33034, 48.41012],
+              [-123.33021, 48.41001],
+              [-123.33012, 48.40998],
+              [-123.32993, 48.40995],
+              [-123.32968, 48.40975],
+              [-123.32953, 48.40958],
+              [-123.32951, 48.40952],
+              [-123.32957, 48.40932],
+              [-123.32963, 48.40926],
+              [-123.32967, 48.40913],
+              [-123.32971, 48.40908],
+              [-123.32987, 48.40894],
+              [-123.33003, 48.40879],
+              [-123.33036, 48.40857],
+              [-123.33059, 48.40845],
+              [-123.33084, 48.40838],
+              [-123.33109, 48.40834],
+              [-123.33137, 48.40827],
+              [-123.33164, 48.4082],
+              [-123.33192, 48.40813],
+              [-123.33215, 48.4081],
+              [-123.33239, 48.4081],
+              [-123.33265, 48.40811],
+              [-123.33291, 48.40811],
+              [-123.33311, 48.40814],
+              [-123.33333, 48.4082],
+              [-123.33334, 48.40821],
+              [-123.33357, 48.40826],
+              [-123.3338, 48.40829],
+              [-123.33404, 48.4083],
+              [-123.3343, 48.40832],
+              [-123.33456, 48.40833],
+              [-123.33477, 48.40835],
+              [-123.33494, 48.40838],
+              [-123.33525, 48.40848],
+              [-123.33557, 48.40858],
+              [-123.33589, 48.40868],
+              [-123.33621, 48.40875],
+              [-123.33636, 48.40883],
+              [-123.33632, 48.40889],
+              [-123.3361, 48.40899],
+              [-123.33602, 48.40904],
+              [-123.336, 48.40922],
+              [-123.33605, 48.40937],
+              [-123.33615, 48.40943],
+              [-123.33632, 48.4095],
+              [-123.33635, 48.4095],
+              [-123.33654, 48.40953],
+              [-123.33669, 48.4097],
+              [-123.33691, 48.40987],
+              [-123.33714, 48.41001],
+              [-123.3371, 48.41223],
+              [-123.33752, 48.41624]
+            ]
+          ]
+        ]
+      }
+    },
+    {
+      "type": "Feature",
+      "properties": {
+        "Name": "North Park Heatwave Map",
+        "Description": "A community map of the North Park neighbourhood showing assets, concerns, and opportunities for dealing with heatwave events in the future. Created by UVic geography students Tenaya Lynx, Julia Frasher, Riley Sondergaard.",
+        "URL": "https://www.google.com/maps/d/viewer?mid=12YLjmNqss6nHrcWQYYgK0ffl8JqkYaKd&ll=48.431337468326106%2C-123.35707554999999&z=16",
+        "color": "#fdda0d"
+      },
+      "geometry": {
+        "type": "Polygon",
+        "coordinates": [
+          [
+            [
+              -123.3609917,
+              48.4354733
+            ],
+            [
+              -123.3618928,
+              48.4286964
+            ],
+            [
+              -123.3589104,
+              48.428554
+            ],
+            [
+              -123.3589533,
+              48.4275146
+            ],
+            [
+              -123.353267,
+              48.4272013
+            ],
+            [
+              -123.3522583,
+              48.4349893
+            ],
+            [
+              -123.3609917,
+              48.4354733
+            ]
+          ]
+        ]
+      }
+    }
+  ]
+}
diff --git a/src/data/geojson/CommunityMaps_BTH.geojson b/src/data/geojson/CommunityMaps_BTH.geojson
@@ -0,0 +1,54 @@
+{
+  "type": "FeatureCollection",
+  "name": "CommunityMaps",
+  "crs": {
+    "type": "name",
+    "properties": { "name": "urn:ogc:def:crs:OGC:1.3:CRS84" }
+  },
+  "features": [
+    {
+      "type": "Feature",
+      "properties": {
+        "Name": "North Park Heatwave Map",
+        "Description": "A community map of the North Park neighbourhood showing assets, concerns, and opportunities for dealing with heatwave events in the future. Created by UVic geography students Tenaya Lynx, Julia Frasher, Riley Sondergaard.",
+        "URL": "https://www.google.com/maps/d/viewer?mid=12YLjmNqss6nHrcWQYYgK0ffl8JqkYaKd&ll=48.431337468326106%2C-123.35707554999999&z=16",
+        "color": "#fdda0d"
+      },
+      "geometry": {
+        "type": "Polygon",
+        "coordinates": [
+          [
+            [
+              -123.3609917,
+              48.4354733
+            ],
+            [
+              -123.3618928,
+              48.4286964
+            ],
+            [
+              -123.3589104,
+              48.428554
+            ],
+            [
+              -123.3589533,
+              48.4275146
+            ],
+            [
+              -123.353267,
+              48.4272013
+            ],
+            [
+              -123.3522583,
+              48.4349893
+            ],
+            [
+              -123.3609917,
+              48.4354733
+            ]
+          ]
+        ]
+      }
+    }
+  ]
+}
diff --git a/src/data/layers/BTH_LocalInitiatives.jsx → src/data/layers/CommunityMaps.jsx b/src/data/layers/BTH_LocalInitiatives.jsx → src/data/layers/CommunityMaps.jsx
@@ -1,26 +1,34 @@
 import { mapPopupContent } from '../LeafletStyleHelpers';
 
 const layer = {
-  title: 'Local Initiatives',
+  title: 'Community Maps',
   description: 'Learn more from these area-specific community mapping initiatives by clicking one of these areas on the map and following the link.',
-  data: require('../geojson/BeatTheHeat_Links.geojson'),
+  data: require('../geojson/CommunityMaps.geojson'),
   shape: 'polygon',
   symbology: 'single',
   options: {
-    style: {
-      stroke: false,
-      fill: true,
-      opacity: 0.5,
-      fillOpacity: 0.4,
-      fillColor: 'rgba(253,218,13,1.0)',
-      interactive: true,
+    style: function (feature) {
+      return {
+        stroke: false,
+        fill: true,
+        opacity: 0.5,
+        fillOpacity: 0.4,
+        fillColor: feature.properties.color,
+        interactive: true,
+      }
     },
     onEachFeature: (f,l) => {
+      l.bindTooltip(f.properties.Name, {
+        permanent: true,
+        opacity: 0.8,
+        direction: 'center',
+        className: 'leaflet-label'
+      })
       l.bindPopup(mapPopupContent(
         f.properties['Name'],
         f.properties['Description'],
         f.properties['URL'],
-        'Click here to view the ' + f.properties['Name']),
+        'Click here to view the map'),
         {offset: [0,8]});
     }
   },

diff --git a/src/data/layers/CommunityMaps_BTH.jsx b/src/data/layers/CommunityMaps_BTH.jsx
@@ -0,0 +1,37 @@
+import { mapPopupContent } from '../LeafletStyleHelpers';
+
+const layer = {
+  title: 'Community Maps',
+  description: 'Learn more from these area-specific community mapping initiatives by clicking one of these areas on the map and following the link.',
+  data: require('../geojson/CommunityMaps_BTH.geojson'),
+  shape: 'polygon',
+  symbology: 'single',
+  options: {
+    style: function (feature) {
+      return {
+        stroke: false,
+        fill: true,
+        opacity: 0.5,
+        fillOpacity: 0.4,
+        fillColor: feature.properties.color,
+        interactive: true,
+      }
+    },
+    onEachFeature: (f,l) => {
+      l.bindTooltip(f.properties.Name, {
+        permanent: true,
+        opacity: 0.8,
+        direction: 'center',
+        className: 'leaflet-label'
+      })
+      l.bindPopup(mapPopupContent(
+        f.properties['Name'],
+        f.properties['Description'],
+        f.properties['URL'],
+        'Click here to view the map'),
+        {offset: [0,8]});
+    }
+  },
+}
+
+export default layer;
diff --git a/src/data/questions/BeHealthy.jsx b/src/data/questions/BeHealthy.jsx
@@ -12,6 +12,7 @@ const Question = {
     { key: 'BigTrees', active: true, group: 'Trees' },
     { key: 'CarbonSequestration', active: false, group: 'Landcover' },
     { key: 'CherryTrees', active: true, group: 'Trees' },
+    { key: 'CommunityMaps', active: true, group: 'Community'},
     { key: 'ENBS', active: true, group: 'Community' },
     { key: 'MaltbyLakeBirdsong', active: true, group: 'Landcover' },
     { key: 'Pollinators', active: true, ...LegendGroups.OGM },

diff --git a/src/data/questions/BeatTheHeat.jsx b/src/data/questions/BeatTheHeat.jsx
@@ -10,7 +10,7 @@ const Question = {
   image: require('../png/BeatTheHeat.png'),
   layers: [
     { key: 'AirConditionedBuildings', active: false, ...LegendGroups.StartOff },
-    { key: 'BTH_LocalInitiatives', active: false, group: 'Community' },
+    { key: 'CommunityMaps_BTH', active: false, group: 'Community' },
     { key: 'CRD_Parks', active: false, ...LegendGroups.StartOff },
     { key: 'DrinkingFountains', active: false, ...LegendGroups.StartOff },
     //{ key: 'HeatDomes', active: true, ...LegendGroups.StartOn },

diff --git a/src/data/questions/CreateCommunity.jsx b/src/data/questions/CreateCommunity.jsx
@@ -16,7 +16,7 @@ const Question = {
     { key: 'AquiferSusceptibilitySediment', active: false, group: 'Water' },
     { key: 'BCTransitRoutes', active: false, group: 'Civic' },
     { key: 'BigTrees', active: false, group: 'Greenspace' },
-    { key: 'BTH_LocalInitiatives', active: false, group: 'Community' },
+    { key: 'CommunityMaps', active: false, group: 'Community' },
     { key: 'CarbonSequestration', active: false, group: 'Greenspace' },
     { key: 'CherryTrees', active: false, group: 'Greenspace' },
     { key: 'CircularEconomyBusinesses', active: false, ...LegendGroups.OGM },