diff options
| author | Ariel Costas Guerrero <ariel@costas.dev> | 2025-11-17 18:06:01 +0100 |
|---|---|---|
| committer | Ariel Costas Guerrero <ariel@costas.dev> | 2025-11-17 18:06:01 +0100 |
| commit | e6cff4e94e16deaebcfa986d5943caf4c69b7f6c (patch) | |
| tree | a54f4e2c260eec37b9bbb24d35903032550713ed /src/frontend/app/routes | |
| parent | ef86a09ee8d8fc287b382cf9092af8726b44ceae (diff) | |
Implement showing traffic density with municipal data
Diffstat (limited to 'src/frontend/app/routes')
| -rw-r--r-- | src/frontend/app/routes/map.tsx | 5 |
1 files changed, 3 insertions, 2 deletions
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, }} |