338e871e3d021d16d0013f7118b671aa604630a7
Verbessere HTML-Code: Semantik, Accessibility und Performance
🚇 Berlin Live Transit
Echtzeit-Dashboard zur Visualisierung aller öffentlichen Verkehrsmittel in Berlin – perfekt als animierter Background oder Wallpaper.
✨ Features
- 🗺️ Live-Tracking aller Verkehrsmittel (U-Bahn, S-Bahn, Bus, Tram, Fähre)
- 🌙 Dark Mode mit animierten Fahrzeugmarkern
- ⏰ Echtzeit-Uhr mit deutschem Datum
- 📍 Standorterkennung (optional)
- ✨ Smooth Animationen zwischen Position-Updates
- 💫 Kein Cursor - perfekt als Hintergrund
🚀 Installation & Start
Option 1: GitHub Pages (Empfohlen)
Einfach die GitHub Pages aktivieren:
- Fork/Clone das Repo
- GitHub → Settings → Pages → Source:
mainbranch - Fertig! URL:
https://username.github.io/berlin-live-transit
Option 2: Lokaler Start
# Repository klonen
git clone https://github.com/username/berlin-live-transit.git
cd berlin-live-transit
# Starten mit Node.js
npm start
# ODER mit Python
python -m http.server 8000
Dann öffne: http://localhost:8000
Option 3: Direkt öffnen
Einfach index.html im Browser öffnen – funktioniert sofort!
🎨 Verkehrsmittel-Farben
| Typ | Farbe | Icon |
|---|---|---|
| U-Bahn | 🔵 Blau | U |
| S-Bahn | 🟢 Grün | S |
| Straßenbahn | 🔴 Rot | T |
| Bus | 🟣 Lila | B |
| Fähre | 🔵 Cyan | F |
| Regional | 🟠 Orange | R |
⚙️ Konfiguration
Anpassbare Parameter in index.html:
// Zoom-Level (Standard: 16)
map.setView([lat, lon], 16);
// Update-Intervall in ms (Standard: 15s)
setInterval(() => { loadRadarData(); }, 15000);
// Max. Fahrzeuge pro Request
&results=150
🛠️ Technologien
- Leaflet.js - Karten
- VBB Transport REST API - Live-Daten
- CartoDB Dark Matter - Dark Mode Tiles
- Vanilla JS - Keine Dependencies
📝 Nutzung als Wallpaper
- Im Browser öffnen
F11für Vollbild- Optional: Als Browser-Startseite setzen
- Auf zweitem Monitor laufen lassen
🌍 Browser-Support
✅ Chrome/Edge | ✅ Firefox | ✅ Safari | ✅ Opera
📡 API-Details
- Quelle: VBB Transport REST API
- Update: Alle 15 Sekunden
- Limit: 150 Fahrzeuge pro Request
- Kostenlos: Ja, mit Rate-Limit
📄 Lizenz & Credits
- Kartendaten: © OpenStreetMap
- Kartenstil: © CartoDB
- Verkehrsdaten: © VBB
- Code: Open Source
Made with ❤️ for Berlin | Report Bug | Request Feature
Description
Berlin Live Transit - Echtzeit-Dashboard als Background/Wallpaper für öffentliche Verkehrsmittel in Berlin. Zeigt U-Bahnen, S-Bahnen, Busse, Straßenbahnen und Fähren live auf einer Dark-Mode Karte. Mit animierten Fahrzeugmarkern, Echtzeit-Uhr und Standorterkennung. Nutzt VBB-API.
https://background-berlin-live-maps.vercel.app
64 KiB
0 Stars
1 Watchers
0 Forks
Languages
HTML
100%