aindreas/fyp
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[frontend]: Add all data sources to map

Browse Source
This commit is contained in:
Aindréas Ó hAodha
2025-03-02 13:42:25 +00:00
parent 884d88a4c3
commit acd24ea76c
3 changed files with 13 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
frontend/src/App.jsx
View File

@ -9,6 +9,9 @@ const PERMANENT_DATA_API = "https://a6y312dpuj.execute-api.us-east-1.amazonaws.c
const dataSources = [ const dataSources = [
{ id: "IrishRailTrains", name: "Irish Rail Trains", url: `${TRANSIENT_DATA_API}?objectType=IrishRailTrain` }, { id: "IrishRailTrains", name: "Irish Rail Trains", url: `${TRANSIENT_DATA_API}?objectType=IrishRailTrain` },
{ id: "IrishRailStations", name: "Irish Rail Stations", url: `${PERMANENT_DATA_API}?objectType=IrishRailStation` }, { id: "IrishRailStations", name: "Irish Rail Stations", url: `${PERMANENT_DATA_API}?objectType=IrishRailStation` },
{ id: "LuasStops", name: "Luas Stops", url: `${PERMANENT_DATA_API}?objectType=LuasStop` },
{ id: "BusStops", name: "Bus Stops", url: `${PERMANENT_DATA_API}?objectType=BusStop` },
{ id: "Buses", name: "Buses", url: `${TRANSIENT_DATA_API}?objectType=Bus` },
]; ];
function App() { function App() {

8
frontend/src/components/MapComponent.jsx
View File

@ -8,6 +8,9 @@ import "leaflet.markercluster/dist/MarkerCluster.Default.css";
import trainStationIconURL from "../assets/icons/train-station.png"; import trainStationIconURL from "../assets/icons/train-station.png";
import trainIconURL from "../assets/icons/train.png"; import trainIconURL from "../assets/icons/train.png";
import luasIconURL from "../assets/icons/tram-station.png";
import busStopIconURL from "../assets/icons/bus-station.png";
import busIconURL from "../assets/icons/bus.png";
// Fix Leaflet marker icon issue // Fix Leaflet marker icon issue
delete L.Icon.Default.prototype._getIconUrl; delete L.Icon.Default.prototype._getIconUrl;
@ -19,7 +22,10 @@ L.Icon.Default.mergeOptions({
const icons = new Map([ const icons = new Map([
["IrishRailStation", new Icon({ iconUrl: trainStationIconURL, iconSize: [24, 24] })], ["IrishRailStation", new Icon({ iconUrl: trainStationIconURL, iconSize: [24, 24] })],
["IrishRailTrain", new Icon({ iconUrl: trainIconURL, iconSize: [24, 24] })], ["IrishRailTrain", new Icon({ iconUrl: trainIconURL, iconSize: [38, 38] })],
["LuasStop", new Icon({ iconUrl: luasIconURL, iconSize: [38, 38] })],
["BusStop", new Icon({ iconUrl: busStopIconURL, iconSize: [24, 24] })],
["Bus", new Icon({ iconUrl: busIconURL, iconSize: [38, 38] })],
]); ]);
const MapComponent = ({ markers, clusteringEnabled }) => { const MapComponent = ({ markers, clusteringEnabled }) => {

3
frontend/src/components/Sidebar.jsx
View File

@ -5,6 +5,9 @@ const Sidebar = ({ selectedSources, setSelectedSources, clusteringEnabled, setCl
const dataSources = [ const dataSources = [
{ id: "IrishRailTrains", name: "Irish Rail Trains" }, { id: "IrishRailTrains", name: "Irish Rail Trains" },
{ id: "IrishRailStations", name: "Irish Rail Stations" }, { id: "IrishRailStations", name: "Irish Rail Stations" },
{ id: "LuasStops", name: "Luas Stops" },
{ id: "BusStops", name: "Bus Stops" },
{ id: "Buses", name: "Buses", },
]; ];
return ( return (