From f6345c958eccaf4693e3d53f63c611395daaf545 Mon Sep 17 00:00:00 2001
From: Guilhem Moulin <guilhem@fripost.org>
Date: Fri, 12 Jan 2024 05:22:23 +0100
Subject: Add more controls: a zoom slider and a scale line.

---
 main.js | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

(limited to 'main.js')

diff --git a/main.js b/main.js
index 3b6d2ec..f2f3890 100644
--- a/main.js
+++ b/main.js
@@ -22,8 +22,10 @@ import TileLayer from 'ol/layer/Tile.js';
 import WMTS from 'ol/source/WMTS.js';
 import WMTSTileGrid from 'ol/tilegrid/WMTS.js';
 
-import Zoom from 'ol/control/Zoom.js';
 import Attribution from 'ol/control/Attribution.js';
+import ScaleLine from 'ol/control/ScaleLine.js';
+import Zoom from 'ol/control/Zoom.js';
+import ZoomSlider from 'ol/control/ZoomSlider.js';
 import Control from 'ol/control/Control.js';
 
 import proj4 from 'proj4';
@@ -107,6 +109,12 @@ const map = new Map({
         return label;
       })(),
     }),
+    new ZoomSlider({
+    }),
+    new ScaleLine({
+      units: 'metric',
+      minWidth: 150,
+    }),
     new Attribution({
       collapsible: true,
       collapsed: true,
-- 
cgit v1.2.3