📘 Guide complet — MtlTrafic.com

🗺️ 1. La carte

La carte s'ouvre sur Montréal en zoom ville. Chaque point est une entrave :

• 🔴 Fermeture — la rue est fermée
• 🟠 Voie touchée — une voie est retranchée
• 🔴 Incident (trait) — accident, incident 511
• 🟡 Chantier (trait) — travaux en cours
• 📸 Radar — constat électronique

• Déplacer : glissez un doigt / la souris. Zoomer : pincez ou molette.
• Le compteur en haut affiche le nombre total d'entraves et celles dans votre vue — il suit vos filtres et vos déplacements en temps réel.
• 🚦 Trafic en direct (bouton dans la carte) : les rues se colorent 🟢 fluide · 🟡 dense · 🟠 lourd · 🔴 bloqué, comme Waze.
• 🗺️ (menu ☰ ou bouton) : changez le fond de carte — plan, clair, sombre, satellite.
• 👆 Boutons déplaçables : touchez un bouton de la carte et glissez-le où vous voulez (le geste démarre dès 13 px de mouvement — pas besoin d'appuyer longtemps). La position est mémorisée sur votre appareil, y compris après une navigation. Menu ☰ → « Réinitialiser les boutons » pour tout remettre à l'origine (même les boutons momentanément cachés).
• 🔷 Formes des boutons : tous les boutons de la carte, de la navigation et du menu ☰ sont des octogones — la forme des panneaux routiers, comme nos cônes d'entraves — chacun avec sa couleur pour se repérer d'un coup d'œil (🔴 arrêter, 🔵 voix/navigation, 🟢 suivre/trafic, 🟣 arrêts, 🟠 alerte/tournée). Les seuls boutons « carrés » restants sont les commandes d'enregistrement d'écran du téléphone lui-même : elles ne sont pas modifiables par l'application.
• ⏹ Arrêt d'urgence : la rangée rouge « Arrêter la nav / livraison » du menu ☰ coupe navigation ET tournée en un appui, dans tous les modes. Les boutons ⏹ de la bannière et le STOP flottant rouge font la même chose pendant la conduite.
• 🌙 Jour/nuit : le bouton lune en haut bascule tout le site en mode sombre.

🔀 2. Modes d'affichage

Sur mobile : menu ☰ → section Modes. Sur desktop : boutons au-dessus de la carte.

🧱 3. Couches (radars, caméras, incidents…)

Menu ☰ (mobile) ou bouton couches (desktop) : activez ce que vous voulez voir,

• ⚠️ Incidents & fermetures (511 Québec)
• 🚧 Chantiers autoroutiers
• 📸 Radars photo
• 🎥 Caméras de circulation

Vos choix sont mémorisés sur votre appareil. Désactivez ce qui vous stresse — la carte reste toujours manipulable.

🚧 4. La fiche d'une entrave

Touchez un point ou un élément de la liste :

• Détails complets : rue, arrondissement, dates, description, source.
• Mini-carte de trafic : vue aérienne avec les couleurs du trafic autour de l'entrave.
• 📤 Partager : WhatsApp, texto ou copier — le message pré-rédigé contient la rue et le lien.
• ⚖️ Comparateur : « Qui est le plus rapide, maintenant ? » — notre temps GPS vs Waze vs Google Maps.
• 👍👎 : votez « cette rue est tout le temps fermée ? ».
• 📍 M'y conduire : ouvre Waze, Google Maps ou notre GPS.

✋ 5. Signaler une entrave

1. Bouton « Signaler une entrave » (haut de page ou bulle mobile).
2. Titre, rue, type, description, position (GPS auto ou pointage carte).
3. Envoyer → le point apparaît immédiatement + confettis 🎉 de remerciement.

Les signalements sont modérés : le gestionnaire peut publier, masquer ou supprimer depuis le back-office (onglet 🚧 Signalements).

🛰️ 6. GPS & navigation maison

• 🛰️ GPS (chip dans la carte) : recentre sur vous.
• 🎯 Recentrer (bouton dans la carte) : vous centre et la caméra vous suit pendant que vous roulez — glissez la carte pour regarder ailleurs, le suivi se met en pause ; un appui sur 🎯 le réactive.
• Le bouton M'y conduire d'une fiche propose : Waze, Google Maps ou GPS MtlTrafic (navigation maison avec la voix et le trafic live).
• Mode 🧭 Nav : tapez ou dictez une destination → navigation guidée. Votre adresse de maison est mémorisée (bouton 🏠).
• Voix : les virages sont annoncés (« Dans 190 mètres, tournez à droite… ») dès que la voiture roule — jamais pendant l'arrêt. Si l'itinéraire change, un recalcul est annoncé, au plus une fois toutes les 45 s, et il garde le plan de départ initial : la route ne « file » plus vers une nouvelle direction à chaque croisement.
• Arrivée : à l'arrêt, la carte « Vous êtes arrivé » s'ouvre (photo, note, heure) et se referme seule quand la nav de l'arrêt suivant part — elle ne recouvre plus jamais l'écran de conduite.
• Un seul onglet : si deux onglets de l'app tournent en même temps (vieux onglet oublié), le GPS se double et les infos se corrompent — fermez toujours les anciens onglets avant de rouler.
• Pour quitter l'écran de navigation : ✕ en haut — vous revenez à la carte au zoom conservé.

Sur les autres provinces (« bientôt »), le GPS est déjà disponible : bouton GPS à côté de « Bientôt », trafic TomTom live partout au Canada.

🚨 7. « Sortez-moi d'ici »

Pris dans une entrave ? Le bouton 🚨 (fiche, menu ou voix) calcule la meilleure sortie depuis votre position et vous y guide à la voix.

Raccourci PWA : appui long sur l'icône de l'app → Sortez-moi d'ici.

🎤 8. Assistant vocal

Touchez 🎤 dans la carte et parlez. La réponse est affichée ET parlée (pensé voiture).

Commandes

Mode automatique (mot-réveil)

Double-touchez 🎤 (ou appui long sur mobile) : l'anneau doré s'allume. Dites simplement « MtlTrafic » suivi de votre demande — « MtlTrafic, rue Notre-Dame ». L'état est mémorisé ; re-double-touchez pour arrêter.

⚡ 9. Hub sécurité & réseaux vitaux

Le bouton ⚡ dans la carte ouvre tout ce qui touche à la sécurité, en menus déroulants :

• ⚡ Hydro-Québec — statut des pannes en direct, carte officielle, signaler une panne (1 800 790-2424).
• 🏥 Santé — occupation des urgences (quebec.ca) + hôpital le plus proche de vous, et la liste des 25 urgences du Grand Montréal (toucher = voir sur la carte).
• 🚒 Pompiers — événements majeurs du SIM + 911.
• 👮 Police — communiqués SPVM & Sûreté du Québec + 911 / 310-4144.
• 🚨 Alertes Québec — alertes civiles officielles.
• 📞 Numéros vitaux — 911, 811 (Info-Santé), Info-Social, Hydro danger, urgence gouvernementale — tous cliquables.

Tout est demandable à la voix : panne hôpital pompiers police

🚌 10. Transport — métro, bus, Exo & REM

Le bouton 🚌 dans la carte ouvre le panneau transport :

• Métro : les 4 lignes + les 68 stations (toucher = voir sur la carte) + station la plus proche de vous + incidents du réseau en direct.
• Bus : les 207 lignes STM avec recherche instantanée.
• 🚆 Exo : 5 lignes de train, 53 gares + état du service.
• 🚈 REM : les 26 stations + état du service.
• 💳 Tarifs : lien officiel STM (prix, abonnements, horaires).

🍁 11. Les provinces

Le sélecteur à côté du logo ouvre Québec (données complètes : Ville de Montréal + 511) et la Colombie-Britannique.

Pour les autres provinces (Ontario, Alberta…) : la carte maison avec trafic live TomTom est disponible partout au Canada + le GPS-navigation complet via le bouton à côté de « Bientôt ». Les entraves locales s'ajouteront région par région.

🔔 12. Alertes personnalisées

Section « Les pires entraves chez-vous chaque matin » : créez une alerte sur une rue ou un quartier — si une entrave correspond, le site vous prévient à chaque visite. Gérez vos alertes dans le même bloc.

L'infolettre (bas de page) envoie le récap trafic du matin.

📲 13. Installer l'application

• Android / Chrome : menu ⋮ → « Installer l'application » (ou le bouton 📲 du site).
• iPhone / Safari : Partager ⬆️ → « Sur l'écran d'accueil ».
• Windows / Mac : icône d'installation dans la barre d'adresse.

L'app installée démarre hors navigateur, plein écran, avec vos raccourcis (appui long sur l'icône : Sortez-moi d'ici, Portail annonceur…).

🏷️ 14. Légende des boutons (couleurs et rôles)

Tous les boutons de la carte ont la même forme octogonale (panneau routier), n'importe où ils sont posés. Chaque couleur = un métier :

• 🛰️ Puce GPS & 🎯 Recadrage (bleu pâle) — votre position et le retour au suivi automatique.
• 🚦 Signalisation & ⛶ Plein écran (bleus) — couches trafic et mode plein écran (colonne gauche = navigation).
• 🚌 Transport / ⚡ Sécurité / 🧭 Livraison / 🎤 Voix (droite) — métro-bus, urgences, tournées de livraison, commandes vocales.
• ⏹ STOP (rouge octogone, double liseré blanc) — arrête la navigation en pleine conduite.
• 📦 Arrêt N/M (bleu) — où vous en êtes dans la tournée ; en pause il affiche « ⏸ Pause livraison ».
• ▶ Naviguer (GROS bouton vert) — reprend la navigation depuis l'endroit où vous êtes après la pause.
• Zoom : + / − / mode (bleu-vert) — 🎯 vert = AUTO (la carte zoome comme Waze) · ✋ jaune = MANUEL (plus de zoom auto) · 🚫 rouge = OFF. Mémorisé.
• 📍 🚦 🗺️ ☰ 🧭 (barre du haut, déplaçables) — position, couches, fonds de carte, menus, navigation.

💼 14. Publicité & annonceurs

• Chaque bloc « Votre pub ici » (autour de la carte, dans les fiches, rails latéraux) est cliquable : formulaire de réservation en 1 minute, avec deux options — Réserver mon espace (demande + approbation sous 24 h) ou 💳 Acheter maintenant (paiement direct sur page sécurisée).
• Portail annonceur (client.html) : statistiques de vos campagnes (vues, clics, graphe 14 jours). Accès aussi depuis le menu ☰ → 💼 Espace annonceur et depuis chaque pied de page.
• Formats : bannières haut/bas, rails latéraux, vidéo latérale (joue en entier), vidéo mobile, bloc soldeur, fiche détail.
• Géociblage par province ; les forfaits rails gauche/droite sont dédiés à leur côté.

🛠️ 15. Problèmes fréquents