diff --git a/src/components/Map1.tsx b/src/components/Map1.tsx
index 3c909771f6e8c6ef2c38adfafe9ae55b7269f3da..846573f75e20b317233400cc204c266640ed5670 100644
--- a/src/components/Map1.tsx
+++ b/src/components/Map1.tsx
@@ -1,6 +1,19 @@
 import InnerHTML from 'dangerously-set-html-content'
+import { useEffect } from 'react';
 
 export function Map1(){
+    useEffect(() => {
+        const script = document.createElement('script');
+      
+        script.src = "assets/mapscript.js";
+        script.async = true;
+      
+        document.body.appendChild(script);
+      
+        return () => {
+          document.body.removeChild(script);
+        }
+      }, []);
     const htmlFile = `<div style="min-height: 374px">
         <script type="text/javascript" defer src="assets/mapscript.js" charset="utf-8">
         </script>