add map scale, npm package updates, Svelte 5.0 => 5.2

CHANGES.md

@@ -1,3 +1,6 @@
+* unlreleased
+    * Map: add scale in bottom left corner
+
 * version 3.6.1 - 2024-11-09
     * Search page: add 'layer' as advanced option (already exists on reverse page)
     * NPM package updates: Svelte 5.1

package.json

@@ -3,17 +3,15 @@
     "description": "Debug web interface for Nominatim geocoder",
     "version": "3.6.1",
     "license": "GPL-2.0",
-    "scripts":
-    {
+    "scripts": {
         "build": "rollup -c",
         "dev": "rollup -c -w",
         "lint": "eslint --quiet *.js src/ test/",
         "lint:fix": "eslint --fix *.js src/ test/",
         "test": "rollup -c && mocha --recursive test/",
         "start": "static-server dist"
     },
-    "devDependencies":
-    {
+    "devDependencies": {
         "@eslint/eslintrc": "^3.1.0",
         "@eslint/js": "^9.12.0",
         "@rollup/plugin-commonjs": "^28.0",
@@ -37,13 +35,12 @@
         "static-server": "^2.2.1",
         "svelte": "^5.0.0"
     },
-    "dependencies":
-    {
+    "dependencies": {
         "bootstrap": "^5.0.0",
         "escape-html": "^1.0.3",
         "leaflet": "1.9.4",
         "leaflet-minimap": "^3.6.1",
         "timeago.js": "^4.0.2"
     },
     "type": "module"
-}
+}

src/components/Map.svelte

@@ -37,6 +37,8 @@
       L.control.attribution({ prefix: '<a href="https://leafletjs.com/">Leaflet</a>' }).addTo(map);
     }
 
+    L.control.scale().addTo(map);
+
     L.tileLayer(Nominatim_Config.Map_Tile_URL, {
       attribution: attribution
     }).addTo(map);