TfLJamCams
هو مشروع لخرائط Google يعرض كاميرات المرور وحوادث الطرق المباشرة ومغادرة وسائل النقل العام في الوقت الفعلي في لندن. يُظهر استخدام الموقع الجغرافي محطات النقل العام المحلية ضمن مسافة 0.5 كيلومتر.
وهو متاح كـ PWA للتثبيت على الشاشة الرئيسية على الأجهزة المحمولة أو كصفحة ويب قياسية. يتم نشر عامل الخدمة وتخزين ذاكرة التخزين المؤقت المحلية لاستخدام PWA.
مفاتيح API التالية مطلوبة لمكالمات بيانات API.
واجهة برمجة تطبيقات خرائط Google Javascript - 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/
يتم تحميل كاميرات المرور عبر استدعاء AJAX إلى TfL API. يتم توفير كل من عناوين URL للفيديو والصور من خلال طلب JSON القياسي. يقوم الزر الموجود أعلى الصفحة بالتبديل بين خلاصات الصور والفيديو ويعرض أيضًا عدد الخلاصات المتاحة.
يتم توفير أزرار الصور على طول الجزء السفلي من الشاشة لتحميل محطات الحافلات حسب رقم الطريق، ومحطات TfL حسب اسم الخط.
يتم تغذية بيانات TfL مباشرة من خلاصة JSON بعد المعالجة لتنسيق علامات الخريطة. تظهر خطوط مترو الأنفاق في قائمة منسدلة ويتم الاحتفاظ بمسارات الحافلات في مصفوفة الإكمال التلقائي على الصفحة.
يتم توفير بيانات السكك الحديدية الوطنية عبر طلب SOAP XML ويستخدم ملف PHP مخصص لإخراج خلاصة JSON بتنسيق مشابه لخلاصة TfL من أجل التوحيد.
يتم توفير وظيفة بحث الإكمال التلقائي وتحتوي على مجموعة من أسماء الكاميرات ومحطات السكك الحديدية الوطنية في لندن ومدن لندن ومناطق لندن ولندن بورو. يتم تخزين هذا كمصفوفة داخل الصفحة حيث أن استدعاءات قاعدة البيانات تسببت في تحميل زائد على الخادم.
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=ar