TfLJamCams

TfLJamCams - https://www.tfljamcams.net

Introdução

TfLJamCams é um projeto do Google Maps que mostra câmeras de trânsito, incidentes rodoviários ao vivo e partidas em tempo real para transporte público em Londres. O uso da geolocalização mostra paradas de transporte público locais dentro de 0,5 km.

Ele está disponível como um PWA para instalação na tela inicial de dispositivos móveis ou como uma página da web padrão. Um service worker é implantado e um cache local armazenado para uso do PWA.

Pré-requisitos

As seguintes chaves de API são necessárias para as chamadas de dados de API.

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

• Chave do aplicativo de dados abertos TfL https://tfl.gov.uk/info-for/open-data-users/

• Chave do aplicativo National Rail - https://lite.realtime.nationalrail.co.uk/OpenLDBWS/

Exemplo de chamadas de API

Pontos de parada da rota 23 do ônibus TfL - https://api.tfl.gov.uk/line/23/stoppoints

Estações da Linha Central do Metrô de Londres - https://api.tfl.gov.uk/line/central/stoppoints

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

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

Partidas ferroviárias nacionais - https://lite.realtime.nationalrail.co.uk/OpenLDBWS/

Métodos

As câmeras de trânsito são carregadas por meio de uma chamada AJAX para a API TfL. Os URLs de vídeo e imagem são fornecidos por uma solicitação JSON padrão. Um botão na parte superior da página alterna entre feeds de imagem e vídeo e também mostra uma contagem de feeds disponíveis.

Botões de imagem são fornecidos na parte inferior da tela para carregar pontos de ônibus por número de rota, estações TfL por nome de linha.

Os dados TfL são alimentados diretamente do feed JSON após o processamento para formatar os marcadores do mapa. As linhas de metrô são mostradas em uma lista suspensa e as rotas de ônibus são exibidas em uma matriz de preenchimento automático na página.

Os dados da National Rail são fornecidos por meio de uma solicitação XML SOAP e usam um arquivo PHP dedicado para gerar um feed JSON em um formato semelhante ao feed TfL para uniformidade.

Uma função de pesquisa de preenchimento automático é fornecida e contém uma variedade de nomes de câmeras, estações ferroviárias nacionais de Londres, cidades de Londres, áreas de Londres e bairros de Londres. Isso é armazenado como uma matriz na página, pois as chamadas ao banco de dados estavam causando carga excessiva no servidor.

Referências

https://github.com/railalefan/phpOpenLDBWS

Fontes 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