feat(doctor map): replace Google Maps iframe with Leaflet (OSM)

The Google Maps iframe was blocked by CSP (frame-src falls back to
default-src 'self'). Switched the doctor-page location map to react-leaflet
with OpenStreetMap tiles — no iframe, and CSP already allows https image
tiles (img-src 'self' https:). Marker icons are bundled from the leaflet
package (no CDN). MapView is dynamically imported (ssr:false) since Leaflet
needs window.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
hamed
2026-07-11 15:29:17 +03:30
co-authored by Claude Opus 4.8
parent c007ffa2b3
commit ed985f55fb
4 changed files with 83 additions and 7 deletions
+2
View File
@@ -40,6 +40,7 @@
"jalali-moment": "^3.3.11",
"js-cookie": "^3.0.5",
"jspdf": "^3.0.4",
"leaflet": "^1.9.4",
"moment-jalaali": "^0.10.4",
"next": "^16.2.10",
"next-themes": "^0.4.6",
@@ -52,6 +53,7 @@
"react-easy-crop": "^5.5.6",
"react-google-map-picker": "^1.2.3",
"react-images-uploading": "^3.1.7",
"react-leaflet": "^5.0.0",
"react-toastify": "^11.0.5",
"sharp": "^0.34.5",
"styled-components": "^6.1.19",