setup ts

frontend/static/frontend/ts/main.ts

@@ -1,3 +1,21 @@
 import add from "./lib/add";
 
+import { Map } from "maplibre-gl";
+
 console.log(add(1, 2));
+
+const map = new Map({
+  style:
+    "https://api.maptiler.com/maps/019be805-c88e-7c8b-9850-bc704d72e604/style.json?key=8nmgHEIZQiIgqQj3RZNa",
+  container: "map",
+  zoom: 15,
+});
+
+map.on("load", () => {
+  navigator.geolocation.getCurrentPosition((position) => {
+    map.panTo({
+      lat: position.coords.latitude,
+      lng: position.coords.longitude,
+    });
+  });
+});

frontend/templates/frontend/home.html

@@ -9,5 +9,5 @@
 {% endblock %}
 
 {% block js_bottom %}
-    <script src="{% static 'frontend/dist/main.js' %}"></script>
+    <script src="{% static 'frontend/dist/js/main.js' %}"></script>
 {% endblock %}