Interpolate line paint values

NASA-IMPACT · Jun 21, 2024 · 2d1ddce · 2d1ddce
1 parent 7eb2a33
commit 2d1ddce
Showing 1 changed file with 22 additions and 2 deletions.
diff --git a/src/components/timeline/map.js b/src/components/timeline/map.js
@@ -73,8 +73,28 @@ export function DeploymentMap({
               source: "deployment",
               paint: {
                 "line-color": lineColorsPaint,
-                "line-width": 2,
-                "line-opacity": 0.5,
+                "line-width": [
+                  "interpolate",
+                  ["linear"],
+                  ["zoom"],
+                  0,
+                  1,
+                  10,
+                  2,
+                  22,
+                  6,
+                ],
+                "line-opacity": [
+                  "interpolate",
+                  ["linear"],
+                  ["zoom"],
+                  0,
+                  0.25,
+                  10,
+                  0.5,
+                  22,
+                  1,
+                ],
               },
               visible: true,
             }}