🗺️Aplicație Angular cu Hartă și Monitorizare în Timp Real a Transportului Public
🚍🚋🚎
Această aplicație bazată pe Angular oferă utilizatorilor o hartă interactivă cu monitorizare în timp real a autobuzelor, tramvaielor și troleibuzelor, precum și posibilitatea de a personaliza straturile de hartă. Aplicația include un backend pe Node.js/MySQL pentru gestionarea utilizatorilor și persistența datelor.
✨ Funcționalități
🎯 Funcționalități principale
- 🖊️ Administrare elemente pe hartă: Adaugă, editează și șterge marcaje, linii sau poligoane personalizate pe hartă.
- 💾 Persistența datelor hărții: Salvează și încarcă datele hărții împreună cu marcajele temporale, asigurându-se că utilizatorii văd întotdeauna cea mai recentă versiune.
- 🔀 Incarcă și editează GeoJSON: În secțiunea "Tools", poți încărca un fișier GeoJSON, iar dacă este o linie, poți modifica opacitatea, grosimea, și chiar să o faci punctată.
🚍 Monitorizare în timp real a transportului public
- 📍 Locații live ale autobuzelor, tramvaielor și troleibuzelor: Afișează locațiile în timp real pe hartă, actualizate la fiecare 5 secunde.
- 🚍🚋🚎 Iconițe personalizate: Utilizează iconițe distincte pentru autobuze, tramvaie și troleibuze, făcându-le ușor de identificat.
- 🧾 Informații detaliate: Acces la ID-ul vehiculului, numărul de înmatriculare, ruta, direcția și numărul de pasageri prin pop-up-uri interactive.
🗂️ Administrare îmbunătățită a straturilor
- 🔀 Straturi comutabile: Afișează sau ascunde diferite straturi de hartă (ex. rute de transport public, puncte de interes) pentru o vizualizare personalizată.
- 🎨 Personalizare straturi: Modifică culoarea și grosimea straturilor non-punct pentru a se potrivi cu preferințele tale.
🌐 Integrare GTFS Realtime
- 🚏 Filtrare și selecție a rutelor: Găsește și selectează cu ușurință rute specifice de transport public utilizând meniul intuitiv GTFS Realtime.
- 📡 Actualizări dinamice ale hărții: Harta afișează automat doar vehiculele de pe ruta selectată.
🚦 Date de trafic
- Butonul Data Traffic: La fiecare 5 minute, poți vedea condițiile actuale de trafic direct pe hartă, oferindu-ți informații utile pentru planificarea rutelor.
⚙️ Îmbunătățiri suplimentare
- 🛠️ Interfață refactorizată: Îmbunătățiri ale codului pentru o mai bună lizibilitate, întreținere și performanță.
- 🎨 Stilizare avansată: CSS actualizat pentru o interfață modernă și prietenoasă cu utilizatorul.
- 📱 Design responsiv: Asigură o experiență perfectă pe diferite dimensiuni de ecran.
🛠️ Tehnologii utilizate
- Frontend: Angular
- Backend: Node.js
- Bază de date: MySQL
- Formate de date: GTFS, GTFS Realtime, GeoJSON
🚀 Cum să folosești
🗺️ Adaugă elemente pe hartă: Folosește instrumentele pentru a adăuga marcaje, linii și poligoane pe hartă.
📡 Explorează transportul public în timp real: Selectează rute pentru a monitoriza autobuze, tramvaie și troleibuze în timp real.
🎨 Personalizează straturile hărții: Afișează/ascunde straturi și ajustează aspectul lor.
🚦 Verifică traficul: Folosește butonul de ambuteiaj pentru a vizualiza condițiile actuale de trafic la fiecare 5 minute.