style by corridor completeness

as before
CityofToronto · Dec 30, 2024 · ada6d81 · ada6d81
1 parent f8faf97
commit ada6d81
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 5 deletions.
diff --git a/frontend/src/Map/index.jsx b/frontend/src/Map/index.jsx
@@ -104,16 +104,19 @@ const styles = {
             type:'circle',
             paint:{
                 'circle-radius': 8, 
-                'circle-color': 'red',
+                'circle-color': ['get','color'],
                 'circle-opacity': 0.2,
                 'circle-stroke-width': 2,
-                'circle-stroke-color': 'red'
+                'circle-stroke-color': ['get','color']
             }
         },
         lines: {
             id:'corridor-links',
             type:'line',
-            paint:{'line-width': 3, 'line-color': 'black'},
+            paint:{
+                'line-width': 3,
+                'line-color': ['get','color']
+            },
             layout: {'line-cap': 'round'}
         }
     },

diff --git a/frontend/src/corridor.js b/frontend/src/corridor.js
@@ -27,11 +27,15 @@ export class Corridor extends Factor {
                 type: 'MultiLineString',
                 coordinates: this.links.map(link=>link.geometry.coordinates)
             },
-            properties: {}
+            properties: { 'color': this.isComplete ? 'green' : 'red' }
         }
     }
     get geojsonFeaturesPoint(){
-        return this.intersections.map(i=>i.geojson)
+        return this.intersections.map( i => {
+            let feature = i.geojson
+            feature.properties.color = this.isComplete ? 'green' : 'red'
+            return feature
+        } )
     }
     addIntersection(intersection,logActivity){
         console.assert(intersection instanceof Intersection)