Replace leaflet for maplibre, use react-router in framework mode

2 files changed, 66 insertions, 0 deletions

diff --git a/src/frontend/public/maps/styles/carto-dark.json b/src/frontend/public/maps/styles/carto-dark.json
new file mode 100644
index 0000000..b3af6e7
--- /dev/null
+++ b/src/frontend/public/maps/styles/carto-dark.json
@@ -0,0 +1,33 @@
+{
+    "version": 8,
+    "name": "Light",
+    "sources": {
+        "carto": {
+            "type": "raster",
+            "tiles": ["https://d.basemaps.cartocdn.com/dark_all/{z}/{x}/{y}.png"],
+            "attribution": "&copy; <a href=\"https://www.openstreetmap.org/copyright\">OpenStreetMap</a> contributors, &copy; <a href=\"https://carto.com/attributions\">CARTO</a>",
+            "tileSize": 256,
+            "maxzoom": 22,
+            "minzoom": 0
+        }
+    },
+    "layers": [
+        {
+            "id": "background",
+            "type": "background",
+            "paint": {
+                "background-color": "#f0f0f0"
+            }
+        },
+        {
+            "id": "raster",
+            "type": "raster",
+            "source": "carto",
+            "minzoom": 0,
+            "maxzoom": 22
+        }
+
+    ],
+    "sprite": "/maps/spritesheet/sprite",
+    "glyphs": "/maps/fonts/{fontstack}/{range}.pbf"
+}
diff --git a/src/frontend/public/maps/styles/carto-light.json b/src/frontend/public/maps/styles/carto-light.json
new file mode 100644
index 0000000..957386e
--- /dev/null
+++ b/src/frontend/public/maps/styles/carto-light.json
@@ -0,0 +1,33 @@
+{
+    "version": 8,
+    "name": "Light",
+    "sources": {
+        "carto": {
+            "type": "raster",
+            "tiles": ["https://d.basemaps.cartocdn.com/rastertiles/voyager/{z}/{x}/{y}.png"],
+            "attribution": "&copy; <a href=\"https://www.openstreetmap.org/copyright\">OpenStreetMap</a> contributors, &copy; <a href=\"https://carto.com/attributions\">CARTO</a>",
+            "tileSize": 256,
+            "maxzoom": 22,
+            "minzoom": 0
+        }
+    },
+    "layers": [
+        {
+            "id": "background",
+            "type": "background",
+            "paint": {
+                "background-color": "#f0f0f0"
+            }
+        },
+        {
+            "id": "raster",
+            "type": "raster",
+            "source": "carto",
+            "minzoom": 0,
+            "maxzoom": 22
+        }
+
+    ],
+    "sprite": "/maps/spritesheet/sprite",
+    "glyphs": "/maps/fonts/{fontstack}/{range}.pbf"
+}