diff --git a/docs/js/setup.js b/docs/js/setup.js
index 80a8222..994a18e 100644
--- 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) => {