fix:add rel stylesheet for mapgl (#22)

CoderDojoAlbaIulia · Jan 26, 2024 · 533c78a · 533c78a
1 parent 9aa2274
commit 533c78a
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 3 deletions.
diff --git a/src/components/Map.jsx b/src/components/Map.jsx
@@ -1,4 +1,3 @@
-import * as React from "react";
 import { Map, Marker } from "react-map-gl";
 
 const longitude = 23.55589332597593;
@@ -24,9 +23,16 @@ export default function MyMap() {
         "TouchPanBlocker.Message": "Folosește 2 degete pentru a mări harta",
       }}
     >
-      <Marker longitude={longitude} latitude={latitude} anchor="bottom">
+      <Marker
+        longitude={longitude}
+        latitude={latitude}
+        anchor="bottom"
+      >
         <a href="https://www.google.com/maps/place/Resource+Center+-+Ladies+Academy/@46.0709601,23.5448508,15z/data=!4m6!3m5!1s0x474ea7d08f406dc7:0x7cef99f43db6a8c4!8m2!3d46.0695681!4d23.5558827!16s%2Fg%2F11c6cdh7t4?entry=tts">
-          <img src="/logo.png" className=" w-14 h-14" />
+          <img
+            src="/logo.png"
+            className=" w-14 h-14"
+          />
         </a>
       </Marker>
     </Map>

diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
@@ -51,6 +51,10 @@ const { title, paddingTop } = Astro.props;
       property="og:title"
       content={title}
     />
+    <link
+      href="https://api.mapbox.com/mapbox-gl-js/v2.6.1/mapbox-gl.css"
+      rel="stylesheet"
+    />
     <title>{title}</title>
   </head>
   <body>