From e6cff4e94e16deaebcfa986d5943caf4c69b7f6c Mon Sep 17 00:00:00 2001
From: Ariel Costas Guerrero <ariel@costas.dev>
Date: Mon, 17 Nov 2025 18:06:01 +0100
Subject: Implement showing traffic density with municipal data

---
 src/frontend/app/routes/map.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

(limited to 'src/frontend/app/routes/map.tsx')

diff --git a/src/frontend/app/routes/map.tsx b/src/frontend/app/routes/map.tsx
index 40be174..d520e5a 100644
--- a/src/frontend/app/routes/map.tsx
+++ b/src/frontend/app/routes/map.tsx
@@ -2,7 +2,7 @@ import StopDataProvider, { type Stop } from "../data/StopDataProvider";
 import "./map.css";
 
 import { useEffect, useRef, useState } from "react";
-import { useApp } from "../AppContext";
+import { useApp } from "~/AppContext";
 import Map, {
   AttributionControl,
   GeolocateControl,
@@ -163,6 +163,7 @@ export default function StopMap() {
       <Layer
         id="stops"
         type="symbol"
+        minzoom={13}
         source="stops-source"
         layout={{
           "icon-image": [
@@ -171,7 +172,7 @@ export default function StopMap() {
             `stop-${region}-cancelled`,
             `stop-${region}`,
           ],
-          "icon-size": ["interpolate", ["linear"], ["zoom"], 11, 0.7, 18, 1.0],
+          "icon-size": ["interpolate", ["linear"], ["zoom"], 13, 0.4, 14, 0.7, 18, 1.0],
           "icon-allow-overlap": true,
           "icon-ignore-placement": true,
         }}
-- 
cgit v1.3