TfLJamCams

TfLJamCams - https://www.tfljamcams.net

Perkenalan

TfLJamCams adalah proyek Google Maps yang menampilkan Kamera Lalu Lintas, Insiden Jalan Langsung, dan keberangkatan Real-Time untuk Angkutan umum di London. Menggunakan Geo-Lokasi menunjukkan pemberhentian angkutan umum lokal dalam jarak 0,5 km.

Ini tersedia sebagai PWA untuk instalasi ke layar beranda pada perangkat seluler atau sebagai halaman web standar. Pekerja layanan disebarkan dan cache lokal disimpan untuk penggunaan PWA.

Prasyarat

Kunci API berikut diperlukan untuk panggilan data API.

• API Javscript Google Maps - https://cloud.google.com/maps-platform/

• Kunci Aplikasi Data Terbuka TfL https://tfl.gov.uk/info-for/open-data-users/

• Kunci Aplikasi Rel Nasional - https://lite.realtime.nationalrail.co.uk/OpenLDBWS/

Contoh Panggilan API

Titik Perhentian Bus TfL Rute 23 - https://api.tfl.gov.uk/line/23/stoppoints

Stasiun Jalur Pusat Bawah Tanah London - https://api.tfl.gov.uk/line/central/stoppoints

London JamCams - https://api.tfl.gov.uk/Place/Type/JamCam/

Insiden Langsung - https://api.tfl.gov.uk/Road/All/Disruption?startDate=YYYY-MM-DD&endDate=YYYY-MM-DD

Keberangkatan Kereta Api Nasional - https://lite.realtime.nationalrail.co.uk/OpenLDBWS/

Metode

Kamera Lalu Lintas dimuat melalui panggilan AJAX ke API TfL. URL video dan Gambar disediakan oleh permintaan JSON standar. Tombol di bagian atas halaman beralih antara feed Gambar dan Video dan juga menampilkan jumlah feed yang tersedia.

Tombol gambar tersedia di bagian bawah layar untuk memuat Halte Bus berdasarkan nomor Rute, Stasiun TfL berdasarkan nama jalur.

Data TfL dimasukkan langsung dari umpan JSON setelah diproses untuk memformat penanda peta. Jalur Bawah Tanah ditampilkan dalam daftar drop-down dan rute Bus disimpan dalam susunan pelengkapan otomatis di halaman.

Data National Rail disediakan melalui permintaan SOAP XML dan menggunakan file PHP khusus untuk menghasilkan feed JSON dalam format yang mirip dengan feed TfL untuk keseragaman.

Fungsi pencarian pelengkapan otomatis disediakan dan berisi serangkaian nama Kamera, stasiun Kereta Api Nasional London, Kota London, Area London, dan Borough London. Ini disimpan sebagai array di dalam halaman karena panggilan database menyebabkan beban server yang berlebihan.

Referensi

https://github.com/railalefan/phpOpenLDBWS

Sumber Javascript

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