Add scale control and disable map skew/rotate

amandasaurus · Dec 25, 2024 · 4e038ba · 4e038ba
1 parent f0445c5
commit 4e038ba
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/docs/js/setup.js b/docs/js/setup.js
@@ -98,6 +98,15 @@ document.addEventListener("alpine:init", async () => {
 
   map.setPadding({ top: 57 });
 
+  var scale = new maplibregl.ScaleControl({
+    maxWidth: 200,
+    unit: "metric",
+  });
+  map.addControl(scale);
+
+  map.dragRotate.disable();
+  map.touchZoomRotate.disableRotation();
+
   map.on("load", () => {
     let select = document.querySelector("#selected_tileset");
     select.addEventListener("change", (e) => {