diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/Layout.tsx | 1 | ||||
| -rw-r--r-- | src/pages/Map.tsx | 12 |
2 files changed, 10 insertions, 3 deletions
diff --git a/src/Layout.tsx b/src/Layout.tsx index 30db47b..de5a16a 100644 --- a/src/Layout.tsx +++ b/src/Layout.tsx @@ -1,7 +1,6 @@ import { ReactNode } from 'react'; import { Link, useLocation } from 'react-router'; import { MapPin, Map, Info } from 'lucide-react'; -import { useTheme } from './ThemeContext'; import './Layout.css'; interface LayoutProps { diff --git a/src/pages/Map.tsx b/src/pages/Map.tsx index 9b960be..3368e09 100644 --- a/src/pages/Map.tsx +++ b/src/pages/Map.tsx @@ -8,7 +8,15 @@ import LineIcon from '../components/LineIcon'; import { Link } from 'react-router'; import { MapContainer, TileLayer, Marker, Popup } from "react-leaflet"; import MarkerClusterGroup from "react-leaflet-markercluster"; -import { LatLngTuple } from "leaflet"; +import { Icon, LatLngTuple } from "leaflet"; + +const icon = new Icon({ + iconUrl: '/map-pin-icon.png', + iconSize: [25, 41], + iconAnchor: [12, 41], + popupAnchor: [1, -34], + shadowSize: [41, 41] +}); const sdp = new StopDataProvider(); @@ -28,7 +36,7 @@ export function StopMap() { /> <MarkerClusterGroup> {stops.map((stop) => ( - <Marker key={stop.stopId} position={[stop.latitude, stop.longitude] as LatLngTuple}> + <Marker key={stop.stopId} position={[stop.latitude, stop.longitude] as LatLngTuple} icon={icon}> <Popup> <Link to={`/estimates/${stop.stopId}`}>{stop.name}</Link> <br /> |