From fb01fe583ec09ff321d60e5a4f73e7332caa8667 Mon Sep 17 00:00:00 2001
From: "Federico Pasqua (eisterman)" <federico.pasqua.96@gmail.com>
Date: Fri, 28 Mar 2025 16:08:45 +0100
Subject: [PATCH] Complete missing Leaflet default marker bugfix

---
 src/routes/[qrcode]/Map.svelte | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/routes/[qrcode]/Map.svelte b/src/routes/[qrcode]/Map.svelte
index 4ec4075..65d139d 100644
--- a/src/routes/[qrcode]/Map.svelte
+++ b/src/routes/[qrcode]/Map.svelte
@@ -1,9 +1,17 @@
 <script lang="ts">
   import * as L from 'leaflet';
   import 'leaflet/dist/leaflet.css';
+  import lmiUrl from 'leaflet/dist/images/marker-icon.png';
+  import lmi2Url from 'leaflet/dist/images/marker-icon-2x.png';
+  import lmsUrl from 'leaflet/dist/images/marker-shadow.png';
   import { onMount, type Snippet } from "svelte";
   import type { SvelteHTMLElements } from "svelte/elements";
 
+  // Fix bundling bug for leaflet default marker icon on production
+  L.Icon.Default.prototype.options.iconUrl = lmiUrl;
+  L.Icon.Default.prototype.options.iconRetinaUrl = lmi2Url;
+  L.Icon.Default.prototype.options.shadowUrl = lmsUrl;
+
   type Props = {
     x: number,
     y: number,
@@ -22,7 +30,7 @@
       maxZoom: 19,
       attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a>'
     }).addTo(map);
-    const marker = L.marker([x, y], { icon: new L.Icon.Default }).addTo(map);
+    const marker = L.marker([x, y]).addTo(map);
     if (children !== undefined)
       marker.bindPopup(popupDiv, { closeOnClick: false }).openPopup();
   });