TfLJamCams
는 교통 카메라, 실시간 도로 사고 및 런던 대중 교통의 실시간 출발을 보여주는 Google 지도 프로젝트입니다. 지리적 위치를 사용하면 0.5km 이내의 지역 대중교통 정류장을 확인할 수 있습니다.
모바일 장치의 홈 화면에 설치하기 위한 PWA 또는 표준 웹 페이지로 사용할 수 있습니다. 서비스 작업자가 배포되고 PWA 사용을 위해 로컬 캐시가 저장됩니다.
API 데이터 호출에는 다음 API 키가 필요합니다.
Google 지도 Javscript API - https://cloud.google.com/maps-platform/
TfL 오픈 데이터 앱 키 https://tfl.gov.uk/info-for/open-data-users/
내셔널 레일 앱 키 - https://lite.realtime.nationalrail.co.uk/OpenLDBWS/
TfL 버스 노선 23 정류장 - https://api.tfl.gov.uk/line/23/stoppoints
런던 지하철 중앙선 역 - https://api.tfl.gov.uk/line/central/stoppoints
런던 JamCams - https://api.tfl.gov.uk/Place/Type/JamCam/
실시간 사고 - https://api.tfl.gov.uk/Road/All/Disruption?startDate=YYYY-MM-DD&endDate=YYYY-MM-DD
내셔널 레일 출발 - https://lite.realtime.nationalrail.co.uk/OpenLDBWS/
교통 카메라는 TfL API에 대한 AJAX 호출을 통해 로드됩니다. 비디오 및 이미지 URL은 모두 표준 JSON 요청에 의해 제공됩니다. 페이지 상단에 있는 버튼을 사용하면 이미지 피드와 비디오 피드 사이를 전환할 수 있으며 사용 가능한 피드 수도 표시됩니다.
화면 하단에는 노선번호별 버스정류장, 노선명별 TfL 정류장을 불러올 수 있는 이미지 버튼이 제공됩니다.
TfL 데이터는 지도 마커 형식을 지정하기 위해 처리된 후 JSON 피드에서 직접 공급됩니다. 지하철 노선은 드롭다운 목록에 표시되고 버스 노선은 페이지의 자동 완성 배열에 표시됩니다.
National Rail 데이터는 SOAP XML 요청을 통해 제공되며 전용 PHP 파일을 사용하여 통일성을 위해 TfL 피드와 유사한 형식으로 JSON 피드를 출력합니다.
자동 완성 검색 기능이 제공되며 카메라 이름, 런던 국립 철도역, 런던 타운, 런던 지역 및 런던 자치구의 배열이 포함되어 있습니다. 데이터베이스 호출로 인해 과도한 서버 로드가 발생하므로 이는 페이지 내에 배열로 저장됩니다.
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