change icons on zoom

src/KartaPage.tsx

@@ -215,10 +215,10 @@ export function KartaPage() {
             }
             layout={{
               "icon-image": "pin-marker",
-              "icon-size": 1,
+              "icon-size": ['interpolate', ['linear'], ['zoom'], 7, 0.5, 12, 1],
             }}
             minzoom={7}
-            maxzoom={14}
+            maxzoom={12}
           />
           <Layer
             id="portret-layer"
@@ -241,9 +241,9 @@ export function KartaPage() {
                 "prishvin-marker",
                 "pin-marker",
               ],
-              "icon-size": 0.1,
+              "icon-size": ['interpolate', ['linear'], ['zoom'], 12, 0.05, 14, 0.1],
             }}
-            minzoom={14}
+            minzoom={12}
           />
         </Source>
         <ScaleControl position="bottom-right" />