Zum Inhalt

Auskunft Widget

Fahrplanauskunft als Web Component — in 2 Zeilen auf Ihrer Website einbinden.

In 30 Sekunden einbinden

<script type="module" src="https://bc-auskunft.de/widget.js" defer></script>
<bc-auskunft></bc-auskunft>

Das war's. Das Widget zeigt Start/Ziel-Eingabe, Zeitauswahl und leitet zur Fahrplanauskunft weiter. Die Widget-URL für die Produktion: https://bc-auskunft.de/widget.js

Was Sie bekommen

  • Standort-Autovervollständigung — Haltestellen, Adressen, POIs
  • GPS-Standort — Aktueller Standort als erste Option
  • Zeitwahl — Abfahrt oder Ankunft
  • Zwischenstopp — Optional einstellbar
  • Verkehrsmittel-Filter — S-Bahn, Bus, etc. auswählbar
  • Vollständig anpassbar — API, Such-URL, Texte, Look & Feel

Voraussetzungen

  • Moderne Browser (Chrome, Firefox, Safari, Edge)
  • Zugang zu einer Autocomplete-API für Haltestellen (oder Mock-Daten zum Testen)

Live-Beispiel

Öffnen Sie das Live-Beispiel — Widget mit echter API und Beispielcode zum Kopieren.

Nächste Schritte

  1. Einbindung — HTML-Struktur und Konfiguration per Attribut oder JavaScript
  2. Konfiguration — API, Such-URL, Via, Verkehrsmittel, Labels
  3. Methoden — setConfiguration(), getSearchParams() und weitere
  4. Styling — Themes und optische Anpassung