first commit

2 files changed, 77 insertions, 0 deletions

diff --git a/src/index.css b/src/index.css
new file mode 100644
index 0000000..c5ad895
--- /dev/null
+++ b/src/index.css
@@ -0,0 +1,38 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+/* GENERAL
+// ------------------------- */
+* {
+  font-family: "Helvetica Neue", Helvetica, sans-serif;
+}
+
+#map {
+  height: 100%;
+  height: 800px;
+  width: 100%;
+}
+
+.gm-style-mtc-bbw {
+  display: none;
+}
+
+html,
+body {
+  height: 100%;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  color: #646c78;
+  background-color: #222e3e;
+}
+
+.container {
+  max-width: 1200px;
+  margin: 0 auto;
+  padding-left: 15px;
+  padding-right: 15px;
+}
diff --git a/src/main.js b/src/main.js
new file mode 100644
index 0000000..91d53e5
--- /dev/null
+++ b/src/main.js
@@ -0,0 +1,39 @@
+const MAPS_KEY = "AIzaSyCtS6CiOrG95FhroSUdDJJokItndcMkrgc";
+
+// Initialize and add the map
+let map;
+
+async function initMap() {
+  // The location of Uluru
+  const position = { lat: 51.508616, lng: -0.125319 };
+  // Request needed libraries.
+
+  //@ts-ignore
+  const { Map } = await google.maps.importLibrary("maps");
+  const { AdvancedMarkerElement } = await google.maps.importLibrary("marker");
+
+  // The map, centered at Uluru
+  map = new Map(document.getElementById("map"), {
+    zoom: 7,
+    center: position,
+    mapId: "DEMO_MAP_ID",
+    restriction: {
+      latLngBounds: {
+        north: 51.74,
+        south: 51.27,
+        west: -0.51,
+        east: 0.23,
+      },
+      //   strictBounds: true,
+    },
+  });
+
+  // The marker, positioned at Uluru
+  const marker = new AdvancedMarkerElement({
+    map: map,
+    position: position,
+    title: "Uluru",
+  });
+}
+
+initMap();