diff --git a/webapp/frontend/src/map.js b/webapp/frontend/src/map.js
index a32e38e..83800d7 100644
--- a/webapp/frontend/src/map.js
+++ b/webapp/frontend/src/map.js
@@ -1,5 +1,6 @@
 import moment from 'moment';
-import L from 'leaflet/dist/leaflet.js';
+import 'leaflet/dist/leaflet.js';
+const L = window.L;
 import 'leaflet.markercluster/dist/leaflet.markercluster.js';
 import 'leaflet-groupedlayercontrol/dist/leaflet.groupedlayercontrol.min.js';
 import { 
diff --git a/webapp/frontend/src/views/HomeView.vue b/webapp/frontend/src/views/HomeView.vue
index cbc7e5d..e0ad1d5 100644
--- a/webapp/frontend/src/views/HomeView.vue
+++ b/webapp/frontend/src/views/HomeView.vue
@@ -11,10 +11,11 @@ import Announcement from '../components/Announcement.vue';
 
 import axios from 'axios';
 import moment from 'moment';
-import L from 'leaflet/dist/leaflet.js';
-import 'leaflet-geometryutil/src/leaflet.geometryutil.js';
-import 'leaflet-arrowheads/src/leaflet-arrowheads.js';
-import 'leaflet.markercluster/dist/leaflet.markercluster.js';
+import 'leaflet/dist/leaflet';
+const L = window.L;
+import 'leaflet-geometryutil';
+import 'leaflet-arrowheads';
+import 'leaflet.markercluster';
 import 'leaflet-groupedlayercontrol/dist/leaflet.groupedlayercontrol.min.js';
 import { onMounted, useTemplateRef, ref, watch, markRaw } from 'vue';
 import { state } from '../store.js';