TfLJamCams
1.0.0
TfLJamCams ist ein Google Maps-Projekt, das Verkehrskameras, Live-Verkehrsvorfälle und Echtzeit-Abfahrten für öffentliche Verkehrsmittel in London anzeigt. Mit Geo-Location werden Haltestellen des öffentlichen Nahverkehrs im Umkreis von 0,5 km angezeigt.
Es ist als PWA zur Installation auf dem Startbildschirm mobiler Geräte oder als Standard-Webseite verfügbar. Ein Servicemitarbeiter wird bereitgestellt und ein lokaler Cache für die PWA-Nutzung gespeichert.
Für die API-Datenaufrufe sind die folgenden API-Schlüssel erforderlich.
Google Maps Javascript API – https://cloud.google.com/maps-platform/
TfL Open Data App-Schlüssel https://tfl.gov.uk/info-for/open-data-users/
National Rail App-Schlüssel – https://lite.realtime.nationalrail.co.uk/OpenLDBWS/
Haltestellen der TfL-Buslinie 23 – https://api.tfl.gov.uk/line/23/stoppoints
Stationen der London Underground Central Line – https://api.tfl.gov.uk/line/central/stoppoints
London JamCams – https://api.tfl.gov.uk/Place/Type/JamCam/
Live-Vorfälle – https://api.tfl.gov.uk/Road/All/Disruption?startDate=YYYY-MM-DD&endDate=YYYY-MM-DD
Abfahrten der National Rail – https://lite.realtime.nationalrail.co.uk/OpenLDBWS/
Verkehrskameras werden über einen AJAX-Aufruf an die TfL-API geladen. Sowohl Video- als auch Bild-URLs werden durch eine Standard-JSON-Anfrage bereitgestellt. Eine Schaltfläche oben auf der Seite schaltet zwischen Bild- und Video-Feeds um und zeigt außerdem die Anzahl der verfügbaren Feeds an.
Am unteren Bildschirmrand befinden sich Bildschaltflächen, mit denen Sie Bushaltestellen nach Liniennummer und TfL-Stationen nach Liniennamen laden können.
TfL-Daten werden nach der Verarbeitung zur Formatierung der Kartenmarkierungen direkt aus dem JSON-Feed eingespeist. U-Bahn-Linien werden in einer Dropdown-Liste angezeigt und Buslinien werden in einem Autovervollständigungs-Array auf der Seite angezeigt.
National Rail-Daten werden über eine SOAP-XML-Anfrage bereitgestellt und verwenden aus Gründen der Einheitlichkeit eine dedizierte PHP-Datei, um einen JSON-Feed in einem ähnlichen Format wie der TfL-Feed auszugeben.
Es steht eine Suchfunktion zur automatischen Vervollständigung zur Verfügung, die eine Reihe von Kameranamen, London National Rail-Stationen, London Towns, London Areas und London Boroughs enthält. Dies wird als Array innerhalb der Seite gespeichert, da Datenbankaufrufe eine übermäßige Serverlast verursachten.
https://github.com/railalefan/phpOpenLDBWS
jquery.easy-autocomplete.min.js
https://code.jquery.com/jquery-3.3.1.min.js
https://cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.js
https://www.google.com/recaptcha/api.js?hl=en
