https://github.com/larsbergqvist/sr-traffic

A traffic messages app with data from the Open API of Swedish Public Radio. Uses Angular, OpenLayers / OpenStreetMap and PrimeNG.
https://github.com/larsbergqvist/sr-traffic

angular openapi openlayers openstreetmap primeng typescript

Last synced: 3 months ago
JSON representation

A traffic messages app with data from the Open API of Swedish Public Radio. Uses Angular, OpenLayers / OpenStreetMap and PrimeNG.

• Host: GitHub
• URL: https://github.com/larsbergqvist/sr-traffic
• Owner: LarsBergqvist
• License: mit
• Created: 2021-01-13T19:45:59.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2024-12-14T19:18:33.000Z (10 months ago)
• Last Synced: 2025-06-03T23:31:15.723Z (4 months ago)
• Topics: angular, openapi, openlayers, openstreetmap, primeng, typescript
• Language: TypeScript
• Homepage: https://larsbergqvist.github.io/sr-traffic/
• Size: 8.04 MB
• Stars: 6
• Watchers: 1
• Forks: 1
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# sr-traffic

![Build, test and deploy](https://github.com/larsbergqvist/sr-traffic/actions/workflows/buildanddeploy.yml/badge.svg)

# Demo

https://larsbergqvist.github.io/sr-traffic/

An Angular application that displays current traffic messages from the Open API of Swedish Public Radio. The messages are fetched per traffic area in Sweden. You can fetch your closest area by letting the application read your position from the browser.  

From a traffic message, you can open a sidebar that contains a map where the event for the message is marked. The map view uses OpenLayers / OpenStreetMap.

# Setup 

```

cd sr-traffic

yarn install

yarn startSSL  

https://localhost:4300/

```

# Screenshots

![Alt text](https://github.com/LarsBergqvist/sr-traffic/blob/main/screenshot1.png?raw=true 'Traffic messages list')

![Alt text](https://github.com/LarsBergqvist/sr-traffic/blob/main/screenshot2.png?raw=true 'Map sidebar 1') 

![Alt text](https://github.com/LarsBergqvist/sr-traffic/blob/main/screenshot3.jpg?raw=true 'Map sidebar 2')