From d8fc85ca5eafb5bac6cd0fdbecc6116127a2bec9 Mon Sep 17 00:00:00 2001
From: Clement <c.boesmier@aptatio.com>
Date: Thu, 16 May 2024 09:41:56 +0200
Subject: [PATCH] feat: MAP WORKING

---
 front/src/pages/maps.astro | 27 ++++++++++++++++++---------
 1 file changed, 18 insertions(+), 9 deletions(-)

diff --git a/front/src/pages/maps.astro b/front/src/pages/maps.astro
index 1675880..f1e59aa 100644
--- a/front/src/pages/maps.astro
+++ b/front/src/pages/maps.astro
@@ -1,17 +1,26 @@
 ---
 import Layout from 'layouts/Layout.astro';
-import { Marker, Popup } from 'leaflet';
-import { MapContainer } from 'react-leaflet'
+import 'leaflet/dist/leaflet.css'
 ---
 
 <Layout title="maps test">
 
-    <MapContainer client:load center={[51.505, -0.09]} zoom={13} scrollWheelZoom={false}>
-        <Marker client:load lat={51.505} lng={-0.09}>
-            <Popup client:load>
-              A pretty CSS3 popup. <br /> Easily customizable.
-            </Popup>
-          </Marker>
-    </MapContainer>
+  <div class="w-52 h-52" id="map" />
+
 
 </Layout>
+
+<script>
+  import L from 'leaflet'
+
+  const map = L.map('map', {
+    center: [50,0],
+    zoom: 13,
+    preferCanvas: true
+  })
+  L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', {
+    maxZoom: 19,
+    attribution: '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>'
+}).addTo(map);
+var marker = L.marker([51.5, -0.09]).addTo(map);
+</script>
\ No newline at end of file