nicer fade in

FOSS4G-2024-Belem · May 19, 2024 · e1d0dd2 · e1d0dd2
1 parent 787158c
commit e1d0dd2
Showing 1 changed file with 17 additions and 8 deletions.
diff --git a/src/components/ConferenceMap.tsx b/src/components/ConferenceMap.tsx
@@ -277,6 +277,15 @@ const getMapStyle = ({
         source: "worldcover",
         "source-layer": "worldcover",
         paint: {
+          "fill-opacity": [
+            "interpolate",
+            ["exponential", 1],
+            ["zoom"],
+            10,
+            0,
+            10.5,
+            1,
+          ],
           "fill-color": [
             "match",
             ["get", "class"],
@@ -603,7 +612,7 @@ const getMapStyle = ({
         id: "places",
         type: "symbol",
         source: "places",
-        minzoom: 14,
+        minzoom: 14.5,
         layout: {
           "symbol-sort-key": ["-", 1, ["get", "confidence"]],
           "icon-image": "{category}",
@@ -624,11 +633,11 @@ const getMapStyle = ({
               "interpolate",
               ["linear"],
               ["zoom"],
-              12,
-              ["*", ["var", "multiplier"], 0.1],
               13,
-              ["*", ["var", "multiplier"], 0.12],
+              ["*", ["var", "multiplier"], 0.1],
               14,
+              ["*", ["var", "multiplier"], 0.12],
+              15,
               ["*", ["var", "multiplier"], 0.15],
             ],
           ],
@@ -639,7 +648,7 @@ const getMapStyle = ({
             "step",
             ["zoom"],
             "",
-            15,
+            15.5,
             ["case", ["==", ["get", "category"], "hotel"], ["get", "name"], ""],
           ],
           "text-font": ["literal", ["Noto Sans SemiCondensed Regular"]],
@@ -660,11 +669,11 @@ const getMapStyle = ({
               "interpolate",
               ["linear"],
               ["zoom"],
-              12,
-              ["*", ["var", "multiplier"], 7],
               13,
-              ["*", ["var", "multiplier"], 10],
+              ["*", ["var", "multiplier"], 7],
               14,
+              ["*", ["var", "multiplier"], 10],
+              15,
               ["*", ["var", "multiplier"], 12],
             ],
           ],