diff --git a/public/index.html b/public/index.html
index 602c9ea..20fbb95 100644
--- a/public/index.html
+++ b/public/index.html
@@ -10,7 +10,6 @@
     <link rel="preload" href="<%= BASE_URL %>css/materialicons.css" as="style">
     <link rel="stylesheet" href="<%= BASE_URL %>css/roboto.css">
     <link rel="stylesheet" href="<%= BASE_URL %>css/materialicons.css">
-    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAKSYlV4PJBbGMju4hFYkFLZLMlscENnWQ"></script>
   </head>
   <body>
     <noscript>
diff --git a/src/components/Dashboard.vue b/src/components/Dashboard.vue
index 7eb9a9c..42b9952 100644
--- a/src/components/Dashboard.vue
+++ b/src/components/Dashboard.vue
@@ -419,6 +419,10 @@
       showMap: 'showLastPosition'
     },
     mounted() {
+      let MapsAPIScript = document.createElement('script');
+      MapsAPIScript.setAttribute('src', 'https://maps.googleapis.com/maps/api/js?key=AIzaSyAKSYlV4PJBbGMju4hFYkFLZLMlscENnWQ"');
+      document.head.appendChild(MapsAPIScript);
+
       if (!storage.getValue('user')) return;
       this.fetchInterval = setInterval(this.fetchData, 10000);
       this.fetchData();
diff --git a/src/components/Log.vue b/src/components/Log.vue
index 07f35e4..a9679a2 100644
--- a/src/components/Log.vue
+++ b/src/components/Log.vue
@@ -347,6 +347,10 @@
         mounted() {
             const self = this;
 
+            let MapsAPIScript = document.createElement('script');
+            MapsAPIScript.setAttribute('src', 'https://maps.googleapis.com/maps/api/js?key=AIzaSyAKSYlV4PJBbGMju4hFYkFLZLMlscENnWQ"');
+            document.head.appendChild(MapsAPIScript);
+
             this.$root.EVNotify.getLog(this.id, (err, log) => {
                 if (!err && log) {
                     self.log = log;
