📘 Complete guide — MtlTrafic.com

🗺️ 1. The map

The map opens on Montréal, city zoom. Each dot is an obstruction:

• 🔴 Closed — the street is closed
• 🟠 Lane affected
• 🔴 Incident (line) — 511 accident
• 🟡 Road work (line)
• 📸 Photo radar

• Pan: one finger / mouse. Zoom: pinch or wheel.
• The counter on top shows total obstructions and those in your view — it follows filters and moves in real time.
• 🚦 Live traffic: 🟢 free · 🟡 busy · 🟠 heavy · 🔴 blocked, like Waze.
• 🗺️ basemap: plan, light, dark, satellite. 🌙 dark mode site-wide.
• 👆 Movable buttons: press & hold (~½ s) any map button, then drag it anywhere. The position is remembered on your device. ☰ menu → “Reset button positions” to restore.

🔀 2. Display modes

Mobile: ☰ → Modes. Desktop: buttons above the map.

🧱 3. Layers

Menu ☰ (mobile) or layers button (desktop):

• ⚠️ Incidents & closures (Québec 511)
• 🚧 Highway road work
• 📸 Photo radars
• 🎥 Traffic cameras

Choices are remembered on your device.

🚧 4. The obstruction card

• Full details: street, borough, dates, description, source.
• Traffic mini-map: aerial view with live traffic colors around the spot.
• 📤 Share: WhatsApp, text or copy — pre-written message with the street and link.
• ⚖️ Comparator: "Who is fastest right now?" — our GPS vs Waze vs Google Maps.
• 👍👎: vote "is this street always closed?".
• 📍 Drive me: opens Waze, Google Maps or MtlTrafic GPS.

✋ 5. Report an obstruction

1. "Report an obstruction" button.
2. Title, street, type, description, position (auto GPS or tap the map).
3. Send → the dot appears immediately + 🎉 confetti.

Reports are moderated: the manager can publish, hide or delete from the back office (🚧 Reports tab).

🛰️ 6. GPS & built-in navigation

• 🛰️ GPS chip: recenter on you.
• 🎯 Recenter (button on the map): centers on you and the camera follows you while driving — drag the map to look elsewhere and following pauses; tap 🎯 to resume.
• Drive me offers Waze, Google Maps or MtlTrafic GPS (built-in turn-by-turn with voice and live traffic).
• 🧭 Nav mode: type or dictate a destination → guided navigation. Your home address is remembered (🏠 button).
• Exit navigation with ✕ — you return to the map, zoom kept.

In "coming soon" provinces the GPS already works: GPS button next to "Soon", TomTom live traffic everywhere in Canada.

🚨 7. "Get me out of here"

Stuck in an obstruction? The 🚨 button computes the best escape route from your position and guides you by voice.

PWA shortcut: long-press the app icon → Get me out.

🎤 8. Voice assistant

Tap 🎤 and speak. The answer is shown AND spoken (designed for driving).

Commands

Auto mode (wake word)

Double-tap 🎤 (long-press on mobile): the golden ring lights up. Just say "MtlTrafic" followed by your request. Tap again to stop.

⚡ 9. Safety & vital networks hub

The ⚡ button opens everything safety-related, in drop-down menus:

• ⚡ Hydro-Québec — live outage status, official map, report an outage.
• 🏥 Health — ER occupancy (quebec.ca) + your nearest hospital + all 25 Greater Montréal ERs.
• 🚒 Fire dept. — SIM major events + 911.
• 👮 Police — SPVM & Sûreté du Québec news + 911 / 310-4144.
• 🚨 Québec alerts — official civil alerts.
• 📞 Vital numbers — 911, 811, Info-Social, Hydro hazard, government emergency — all tappable.

Everything is voice-accessible: power outage hospital firefighters police

🚌 10. Transit — metro, bus, Exo & REM

• Metro: 4 lines + 68 stations (tap = see on map) + nearest station + live network incidents.
• Bus: 207 STM lines with instant search.
• 🚆 Exo: 5 train lines, 53 stations + service status.
• 🚈 REM: 26 stations + service status.
• 💳 Fares: official STM link.

🍁 11. Provinces

The selector next to the logo opens Québec (full data: City of Montréal + 511) and British Columbia.

Other provinces: the built-in map with live TomTom traffic works everywhere in Canada + the GPS navigation via the button next to "Soon". Local obstruction data will be added region by region.

🔔 12. Personal alerts

"The worst obstructions on your way, every morning": create an alert on a street or area — the site warns you when a match appears. The newsletter (page bottom) sends the morning recap.

📲 13. Install the app

• Android / Chrome: ⋮ menu → "Install app".
• iPhone / Safari: Share ⬆️ → "Add to Home Screen".
• Windows / Mac: install icon in the address bar.

Installed, it runs full-screen with shortcuts (long-press icon: Get me out, Advertiser portal…).

💼 14. Advertising

• Every “Your ad here” block (around the map, in cards, side rails) is clickable: 1-minute booking form, with two options — Reserve my spot (request + approval within 24 h) or 💳 Buy now (direct payment on a secure page).
• Advertiser portal (client.html): campaign stats (views, clicks, 14-day chart).
• Formats: top/bottom banners, side rails, rail video (plays fully), mobile video, bargain block, detail card.
• Geo-targeting by province; left/right rails are side-dedicated.

🛠️ 15. Troubleshooting

🏷️ 14. Button legend (colors & roles)

Every map button shares the same octagonal road-sign shape, wherever it sits. Colors = jobs:

• 🛰️ GPS chip & 🎯 Recenter (soft blue) — your location and follow-me mode.
• 🚦 Traffic & ⛶ Fullscreen (blue) — traffic layers and full screen (left column = driving).
• 🚌 Transit / ⚡ Safety / 🧭 Delivery / 🎤 Voice (right) — metro-bus, emergencies, delivery routes, voice commands.
• ⏹ STOP (red octagon, white ring) — stop navigation while driving.
• 📦 Stop N/M (blue) — tour progress; during a break it shows "⏸ Delivery pause".
• ▶ Navigate (BIG green button) — resume navigation from where you are after the break.
• Zoom: + / − / mode (teal) — 🎯 green = AUTO (Waze-style) · ✋ yellow = MANUAL (no auto zoom) · 🚫 red = OFF. Remembered.
• 📍 🚦 🗺️ ☰ 🧭 (top bar, draggable) — location, layers, map styles, menus, navigation.