feat: replace Google tile URL hack with leaflet-google-mutant for traffic layer

Add leaflet-google-mutant@0.16.0 (exact/locked version) as a proper bridge between the Google Maps JavaScript API and Leaflet. The old mt{s}.google.com tile URL approach was unofficial and produced empty tiles. Traffic layer now renders via createLayerComponent + googleMutant, loaded only after the Maps JS API script is injected and ready (keyed off NEXT_PUBLIC_GOOGLE_MAPS_API_KEY). Added leaflet-google-mutant to transpilePackages in next.config.mjs.
2026-05-25 13:41:10 -04:00
parent 0279a82b10
commit 6a9fe5d26f
3 changed files with 34 additions and 8 deletions
@@ -14,6 +14,7 @@
    "react-dom": "^18.3.0",
    "firebase": "^10.12.0",
    "leaflet": "^1.9.4",
+    "leaflet-google-mutant": "0.16.0",
    "react-leaflet": "^4.2.1"
  },
  "devDependencies": {