Switch to MapLibre. Issue with Attribution Control not displaying.

js/ide.ts

@@ -5,7 +5,7 @@ import jQuery from "jquery";
 import html2canvas from "html2canvas";
 import {Canvg} from "canvg";
 import L from "leaflet";
-import "mapbox-gl-leaflet";
+import "@maplibre/maplibre-gl-leaflet";
 import "codemirror/lib/codemirror";
 import tokml from "tokml";
 import togpx from "togpx";
@@ -502,7 +502,7 @@ class IDE {
     ide.map.createPane("vectiles");
     ide.map.getPane("vectiles").style.zIndex = 210; // slightly > tilePane 200
     ide.map.getPane("vectiles").style.pointerEvents = "none";
-    ide.map.vectortiles = L.mapboxGL({
+    ide.map.vectortiles = new L.MaplibreGL({
       style: configs.vectorTileStyleUrl,
       pane: "vectiles"
     }).addTo(ide.map);

package.json

@@ -17,6 +17,7 @@
   "devDependencies": {
     "@rollup/plugin-inject": "^5.0.5",
     "@types/jquery": "^3.5.16",
+    "@types/leaflet": "^1.9.8",
     "@typescript-eslint/eslint-plugin": "^5.49.0",
     "@typescript-eslint/parser": "^5.49.0",
     "eslint": "^8.32.0",
@@ -35,6 +36,7 @@
   "dependencies": {
     "leaflet.locationfilter": "OpenHistoricalMap/leaflet-locationfilter",
     "@fortawesome/fontawesome-free": "^5.13.0",
+    "@maplibre/maplibre-gl-leaflet": "^0.0.20",
     "@openstreetmap/id-tagging-schema": "^3.5.1",
     "bulma": "^0.9.4",
     "canvg": "4.0.1",
@@ -46,8 +48,7 @@
     "leaflet-polylineoffset": "^1.0.0",
     "lodash": ">=4.17.5",
     "mapbbcode": "https://github.com/MapBBCode/mapbbcode/archive/v1.2.0.tar.gz",
-    "mapbox-gl": "^0.54.1",
-    "mapbox-gl-leaflet": "0.0.14",
+    "maplibre-gl": "^3.6.2",
     "osm-auth": "^1.0.1",
     "osmtogeojson": "^3.0.0-beta.5",
     "polylabel": "^1.0.2",