Claude 520a637546 Deaktiviere Standort-Animation für sofortige Anzeige
Die Karte springt jetzt direkt zum Benutzerstandort ohne
Flug-Animation ("Helikopter-Effekt").

Änderung:
- map.setView() mit animate: false beim Standort
- Sofortige Positionierung statt 1 Sekunde Animation
- Bessere UX: Kein Warten auf Animation

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-10-30 16:03:29 +00:00
2025-10-13 11:07:43 +02:00
2025-10-20 11:42:16 +02:00

🚇 Berlin Live Transit

Echtzeit-Dashboard zur Visualisierung aller öffentlichen Verkehrsmittel in Berlin – perfekt als animierter Background oder Wallpaper.

Berlin Live Transit Demo Live Maps: https://background-berlin-live-maps.vercel.app

✨ 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:

  1. Fork/Clone das Repo
  2. GitHub → Settings → Pages → Source: main branch
  3. 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

  1. Im Browser öffnen
  2. F11 für Vollbild
  3. Optional: Als Browser-Startseite setzen
  4. 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

S
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
Readme
64 KiB
0 Stars 1 Watchers 0 Forks
Languages
HTML 100%