This is a combination of 2 commits.

made some improvements.

fixed a couple of inverted ones

src/app/pages/simulation-wizard/results-map/results-map.component.ts

@@ -460,7 +460,12 @@ export class ResultsMapComponent implements OnChanges {
           features: [],
         });
       } else {
+        if (this.newBrinkValuesApplied) {
           if (keys[f] == "capacity") {
+            console.log(
+              "%c this has yet to be done, exception for capacity",
+              "background: maroon; color: black; font-weight: bold;"
+            );
             tmp = L.geoJSON(<any>jsonFile, {
               style: (feature) => ({
                 weight: this.geoJsonStyleWeight,
@@ -477,7 +482,8 @@ export class ResultsMapComponent implements OnChanges {
               }),
               onEachFeature: (feature, layer) =>
                 layer.on({
-                mouseover: (e) => this.highlightFeature(e, feature.properties),
+                  mouseover: (e) =>
+                    this.highlightFeature(e, feature.properties),
                   mouseout: (e) => this.resetFeature(e, feature.properties),
                 }),
             });
@@ -485,6 +491,10 @@ export class ResultsMapComponent implements OnChanges {
             keys[f] == "dailyInternalBikeTravels" ||
             keys[f] == "pedestrianTravelTime"
           ) {
+            console.log(
+              "%c this has yet to be done, exception for dailyInternalBikeTravels or pedestrianTravelTime",
+              "background: sienna; color: black; font-weight: bold;"
+            );
             tmp = L.geoJSON(<any>jsonFile, {
               style: (feature) => ({
                 weight: this.geoJsonStyleWeight,
@@ -502,12 +512,12 @@ export class ResultsMapComponent implements OnChanges {
               }),
               onEachFeature: (feature, layer) =>
                 layer.on({
-                mouseover: (e) => this.highlightFeature(e, feature.properties),
+                  mouseover: (e) =>
+                    this.highlightFeature(e, feature.properties),
                   mouseout: (e) => this.resetFeature(e, feature.properties),
                 }),
             });
           } else {
-          if (this.newBrinkValuesApplied) {
             tmp = L.geoJSON(<any>jsonFile, {
               style: (feature) => ({
                 weight: this.geoJsonStyleWeight,
@@ -528,6 +538,80 @@ export class ResultsMapComponent implements OnChanges {
                   mouseout: (e) => this.resetFeature(e, feature.properties),
                 }),
             });
+          }
+        } else {
+          // default, newBrinkValues not applied
+          if (keys[f] == "capacity") {
+            tmp = L.geoJSON(<any>jsonFile, {
+              style: (feature) => ({
+                weight: this.geoJsonStyleWeight,
+                color: MapColors.getColorHighToLow(
+                  feature["properties"]["capacity"],
+                  keys[f],
+                  this.maxKeyValues[`maxValue_${keys[f]}`],
+                  ratiosBetweenGrades,
+                  parseInt(feature["properties"]["capacity"]) == 9999
+                    ? true
+                    : false
+                ),
+                opacity: this.geoJsonStyleOpacity,
+              }),
+              onEachFeature: (feature, layer) =>
+                layer.on({
+                  mouseover: (e) =>
+                    this.highlightFeature(e, feature.properties),
+                  mouseout: (e) => this.resetFeature(e, feature.properties),
+                }),
+            });
+          } else if (
+            keys[f] == "dailyInternalBikeTravels" ||
+            keys[f] == "pedestrianTravelTime"
+          ) {
+            tmp = L.geoJSON(<any>jsonFile, {
+              style: (feature) => ({
+                weight: this.geoJsonStyleWeight,
+                color: MapColors.getColorHighToLow(
+                  feature["properties"]["cityWide"]["traffic"][keys[f]] ||
+                    feature["properties"][keys[f]],
+                  keys[f],
+                  this.maxKeyValues[`maxValue_${keys[f]}`],
+                  ratiosBetweenGrades,
+                  parseInt(feature["properties"]["capacity"]) == 9999
+                    ? true
+                    : false
+                ),
+                opacity: this.geoJsonStyleOpacity,
+              }),
+              onEachFeature: (feature, layer) =>
+                layer.on({
+                  mouseover: (e) =>
+                    this.highlightFeature(e, feature.properties),
+                  mouseout: (e) => this.resetFeature(e, feature.properties),
+                }),
+            });
+          } else if (legendInverted.indexOf(keys[f]) > -1) {
+            // default but  inverted
+            tmp = L.geoJSON(<any>jsonFile, {
+              style: (feature) => ({
+                weight: this.geoJsonStyleWeight,
+                color: MapColors.getColorHighToLow(
+                  feature["properties"] || feature["properties"][keys[f]],
+                  keys[f],
+                  this.maxKeyValues[`maxValue_${keys[f]}`],
+                  ratiosBetweenGrades,
+                  parseInt(feature["properties"]["capacity"]) == 9999
+                    ? true
+                    : false
+                ),
+                opacity: this.geoJsonStyleOpacity,
+              }),
+              onEachFeature: (feature, layer) =>
+                layer.on({
+                  mouseover: (e) =>
+                    this.highlightFeature(e, feature.properties),
+                  mouseout: (e) => this.resetFeature(e, feature.properties),
+                }),
+            });
           } else {
             tmp = L.geoJSON(<any>jsonFile, {
               style: (feature) => ({