TfLJamCams

TfLJamCams - https://www.tfljamcams.net

Introducción

TfLJamCams es un proyecto de Google Maps que muestra cámaras de tráfico, incidentes viales en vivo y salidas en tiempo real del transporte público en Londres. El uso de la ubicación geográfica muestra las paradas de transporte público local en un radio de 0,5 km.

Está disponible como PWA para su instalación en la pantalla de inicio de dispositivos móviles o como página web estándar. Se implementa un trabajador de servicio y se almacena un caché local para uso de PWA.

Requisitos previos

Se requieren las siguientes claves API para las llamadas de datos API.

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

• Clave de la aplicación TfL Open Data https://tfl.gov.uk/info-for/open-data-users/

• Clave de la aplicación National Rail: https://lite.realtime.nationalrail.co.uk/OpenLDBWS/

Ejemplos de llamadas API

Puntos de parada de la ruta 23 del autobús TfL: https://api.tfl.gov.uk/line/23/stoppoints

Estaciones de la línea central del metro de Londres: https://api.tfl.gov.uk/line/central/stoppoints

JamCams de Londres: https://api.tfl.gov.uk/Place/Type/JamCam/

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

Salidas ferroviarias nacionales: https://lite.realtime.nationalrail.co.uk/OpenLDBWS/

Métodos

Las cámaras de tráfico se cargan mediante una llamada AJAX a la API de TfL. Tanto las URL de vídeo como de imagen se proporcionan mediante una solicitud JSON estándar. Un botón en la parte superior de la página cambia entre transmisiones de imagen y video y también muestra un recuento de las transmisiones disponibles.

Se proporcionan botones de imagen en la parte inferior de la pantalla para cargar paradas de autobús por número de ruta y estaciones TfL por nombre de línea.

Los datos TfL se alimentan directamente desde la fuente JSON después del procesamiento para formatear los marcadores del mapa. Las líneas de metro se muestran en una lista desplegable y las rutas de autobús se muestran en una matriz de autocompletar en la página.

Los datos de National Rail se suministran a través de una solicitud XML SOAP y utilizan un archivo PHP dedicado para generar un feed JSON en un formato similar al feed TfL para lograr uniformidad.

Se proporciona una función de búsqueda de autocompletar que contiene una variedad de nombres de cámaras, estaciones de London National Rail, ciudades de Londres, áreas de Londres y distritos de Londres. Esto se almacena como una matriz dentro de la página ya que las llamadas a la base de datos provocaban una carga excesiva del servidor.

Referencias

https://github.com/railalefan/phpOpenLDBWS

Fuentes de JavaScript

jquery.fácil-autocompletar.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