aboutsummaryrefslogtreecommitdiff
path: root/src/pages/Map.tsx
diff options
context:
space:
mode:
authorAriel Costas Guerrero <94913521+arielcostas@users.noreply.github.com>2025-03-03 21:59:43 +0100
committerAriel Costas Guerrero <94913521+arielcostas@users.noreply.github.com>2025-03-03 21:59:43 +0100
commit797c5f551b1bb6ddb139704eb9e8953c3bc1a8c8 (patch)
tree23caae341841f6300f30be766c148850d1768fb3 /src/pages/Map.tsx
parent3654aa3bcf0fed120910937dd2268c2f640c3ab0 (diff)
Fix build errors & lint a bit
Diffstat (limited to 'src/pages/Map.tsx')
-rw-r--r--src/pages/Map.tsx10
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 />