fix: dynamic loading of google maps

writer · Mar 5, 2024 · 8094175 · 8094175
1 parent 65f3c71
commit 8094175
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/ui/src/core_components/embed/CoreGoogleMaps.vue b/ui/src/core_components/embed/CoreGoogleMaps.vue
@@ -85,7 +85,6 @@ export default {
 <script setup lang="ts">
 import { Ref, inject, ref, onMounted, watch, computed } from "vue";
 import injectionKeys from "../../injectionKeys";
-import { Loader } from "@googlemaps/js-api-loader";
 
 const rootEl: Ref<HTMLElement> = ref(null);
 const mapEl: Ref<HTMLElement> = ref(null);
@@ -105,6 +104,7 @@ const mapType = computed(() =>
 
 const initMap = async () => {
 	clearMarkers();
+	const { Loader } = await import("@googlemaps/js-api-loader");
 	const loader = new Loader({
 		apiKey: fields.apiKey.value,
 		version: "weekly",