fix(Geo Coordinates Converter): fix marker display

Author: sharevb

src/tools/geo-coordinates-converter/geo-coordinates-converter.vue

@@ -8,6 +8,20 @@ import { useQueryParam, useQueryParamOrStorage } from '@/composable/queryParams'
 import proj4 from 'proj4';
 import L from 'leaflet';
 import 'leaflet/dist/leaflet.css';
+import defaultMarkerIconRetinaUrl from 'leaflet/dist/images/marker-icon-2x.png';
+import defaultMarkerIconUrl from 'leaflet/dist/images/marker-icon.png';
+import defaultMarkerShadowUrl from 'leaflet/dist/images/marker-shadow.png';
+
+// This is the workaround of workaround for dev because leaflet have a bad concatenation
+if (import.meta.env.DEV) {
+  L.Icon.Default.imagePath = '';
+}
+// ok in prod but in dev need imagePath = ""
+L.Icon.Default.mergeOptions({
+  iconUrl: defaultMarkerIconUrl.src,
+  iconRetinaUrl: defaultMarkerIconRetinaUrl.src,
+  shadowUrl: defaultMarkerShadowUrl.src,
+});
 
 const { t } = useI18n();