diff --git a/.github/workflows/gh-pages.yml b/.github/workflows/gh-pages.yml
index 712e3d795..6267043e9 100644
--- a/.github/workflows/gh-pages.yml
+++ b/.github/workflows/gh-pages.yml
@@ -27,6 +27,7 @@ jobs:
         VITE_GOOGLE_MAP_API_KEY: ${{ secrets.VITE_GOOGLE_MAP_API_KEY }}
       run: |
         cd atmosphere/
+        echo "VITE_GOOGLE_MAP_API_KEY=${{ secrets.VITE_GOOGLE_MAP_API_KEY }}" > .env.production
         npm run build
 
     - name: Deploy
diff --git a/atmosphere/vite.config.ts b/atmosphere/vite.config.ts
index 9329eced3..48bfde9b6 100644
--- a/atmosphere/vite.config.ts
+++ b/atmosphere/vite.config.ts
@@ -4,5 +4,8 @@ import react from '@vitejs/plugin-react'
 export default defineConfig({
   plugins: [react()],
   base: '/', 
+  define: {
+    'import.meta.env.VITE_GOOGLE_MAP_API_KEY': JSON.stringify(process.env.VITE_GOOGLE_MAP_API_KEY)
+  }
   //base: '/pkg/atmosphere/', 
 })