diff options
| author | Ariel Costas Guerrero <94913521+arielcostas@users.noreply.github.com> | 2025-03-03 21:59:43 +0100 |
|---|---|---|
| committer | Ariel Costas Guerrero <94913521+arielcostas@users.noreply.github.com> | 2025-03-03 21:59:43 +0100 |
| commit | 797c5f551b1bb6ddb139704eb9e8953c3bc1a8c8 (patch) | |
| tree | 23caae341841f6300f30be766c148850d1768fb3 /src/pages/Map.tsx | |
| parent | 3654aa3bcf0fed120910937dd2268c2f640c3ab0 (diff) | |
Fix build errors & lint a bit
Diffstat (limited to 'src/pages/Map.tsx')
| -rw-r--r-- | src/pages/Map.tsx | 10 |
1 files changed, 4 insertions, 6 deletions
diff --git a/src/pages/Map.tsx b/src/pages/Map.tsx index 4d89ae0..9b960be 100644 --- a/src/pages/Map.tsx +++ b/src/pages/Map.tsx @@ -6,17 +6,15 @@ import 'react-leaflet-markercluster/styles' import { useEffect, useState } from 'react'; import LineIcon from '../components/LineIcon'; import { Link } from 'react-router'; -import { MapContainer } from "react-leaflet/MapContainer"; -import { TileLayer } from "react-leaflet/TileLayer"; -import { Marker } from "react-leaflet/Marker"; -import { Popup } from "react-leaflet/Popup"; +import { MapContainer, TileLayer, Marker, Popup } from "react-leaflet"; import MarkerClusterGroup from "react-leaflet-markercluster"; +import { LatLngTuple } from "leaflet"; const sdp = new StopDataProvider(); export function StopMap() { const [stops, setStops] = useState<Stop[]>([]); - const position = [42.229188855975046, -8.72246955783102] + const position: LatLngTuple = [42.229188855975046, -8.72246955783102] useEffect(() => { sdp.getStops().then((stops) => { setStops(stops); }); @@ -30,7 +28,7 @@ export function StopMap() { /> <MarkerClusterGroup> {stops.map((stop) => ( - <Marker key={stop.stopId} position={[stop.latitude, stop.longitude]}> + <Marker key={stop.stopId} position={[stop.latitude, stop.longitude] as LatLngTuple}> <Popup> <Link to={`/estimates/${stop.stopId}`}>{stop.name}</Link> <br /> |
