From e1d0dd279386f7f979409766d6f0225832dfad5e Mon Sep 17 00:00:00 2001
From: rami-dv <rami.dv99@gmail.com>
Date: Sun, 19 May 2024 19:11:13 -0300
Subject: [PATCH] nicer fade in

---
 src/components/ConferenceMap.tsx | 25 +++++++++++++++++--------
 1 file changed, 17 insertions(+), 8 deletions(-)

diff --git a/src/components/ConferenceMap.tsx b/src/components/ConferenceMap.tsx
index 43d26d1..efcf6ad 100644
--- 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],
             ],
           ],