From e184e055c6a5de7b44c7ae17708882cd5dc137be Mon Sep 17 00:00:00 2001
From: log101 <ffrknerdm@gmail.com>
Date: Sun, 14 Jan 2024 21:39:04 +0300
Subject: [PATCH] feat: add google maps embed

---
 src/pages/index.astro | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/src/pages/index.astro b/src/pages/index.astro
index d47bbac..25ce6c2 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -11,6 +11,9 @@ import {
 } from "@/components/ui/card"
 
 import { CalendarIcon } from "@radix-ui/react-icons"
+
+const apiKey = import.meta.env.MAPS_SDK_KEY
+const mapSrc = `https://www.google.com/maps/embed/v1/place?q=place_id:ChIJpSDn9V25yhQRsA2NsrXtDp8&key=${apiKey}`
 ---
 
 <Layout>
@@ -29,8 +32,22 @@ import { CalendarIcon } from "@radix-ui/react-icons"
 		  </Card>
 
 		  <Button className='w-full bg-indigo-500'>Haritayı Gizle</Button>
-		  <div class="w-full h-[200px] bg-gray-400 rounded"></div>
+
+		  <iframe height="450" style="border:0" loading="lazy" allowfullscreen src={mapSrc}></iframe>
+
 		  <div class="w-full h-[200px] bg-gray-600 rounded"></div>
 		  <Button className='w-full'>Paylaş</Button>
 	</main>
 </Layout>
+
+<style>
+	gmp-map {
+  height: 100%;
+}
+
+html,
+body {
+  margin: 0;
+  padding: 0;
+}
+</style>