Add amtrak train live location layer

This commit is contained in:
Chandler Swift 2024-02-03 00:28:31 -06:00
parent fb667871b4
commit 0065c7f4f5
Signed by: chandlerswift
GPG key ID: A851D929D52FB93F
6 changed files with 68 additions and 2 deletions

View file

@ -0,0 +1,39 @@
import VectorLayer from 'ol/layer/Vector';
import {Vector as VectorSource} from 'ol/source.js';
import {Style} from 'ol/style.js';
import Icon from 'ol/style/Icon.js';
import pinURL from './pin.svg?url';
import { Feature } from 'ol';
import { Point } from 'ol/geom';
import { fromLonLat } from 'ol/proj';
const vectorLayer = new VectorLayer({
source: new VectorSource({
loader: async function() {
const res = await fetch("https://api-v3.amtraker.com/v3/trains");
const trainsByRoute = await res.json();
for (let [_route, trains] of Object.entries(trainsByRoute)) {
for (let train of trains) {
const {stations: _, ...trainWithoutStations} = train;
this.addFeature(new Feature({
geometry: new Point(fromLonLat([train.lon, train.lat])),
...trainWithoutStations,
}))
}
}
},
}),
style: new Style({
image: new Icon({
anchor: [0.5, .9],
src: pinURL,
}),
}),
});
setInterval(() => vectorLayer.getSource().refresh(), 30000);
export default vectorLayer;