Unified maps with a single component

src/pages/aldys/borelis/index.astro

@@ -1,10 +1,19 @@
 ---
-import Layout from '../../../layouts/Layout.astro';
-import BorelisMap from '../../../components/maps/BorelisMap.astro'
-import BorelisMapOverlay from '../../../components/maps/BorelisMapOverlay.astro'
+import Layout from '@/layouts/Layout.astro';
+import Map from '@/components/maps/Map.astro'
+import MapOverlay from '@/components/maps/MapOverlay.astro'
 ---
 
 <Layout title="Borélis ~ Cartographie">
-    <BorelisMapOverlay />
-    <BorelisMap />
+    <MapOverlay
+        mapKey='aldys-borelis'
+    />
+    <Map
+        mapKey='aldys-borelis'
+        zoomifyKey='borelis'
+        mapHeight={3710}
+        mapWidth={4521}
+        rulerDistanceRatio={1.8}
+        backgroundColor="#C3CCD2"
+    />
 </Layout>

src/pages/aldys/cantane/index.astro

@@ -1,10 +1,19 @@
 ---
-import Layout from '../../../layouts/Layout.astro';
-import CantaneMap from '../../../components/maps/CantaneMap.astro'
-import CantaneMapOverlay from '../../../components/maps/CantaneMapOverlay.astro'
+import Layout from '@/layouts/Layout.astro';
+import Map from '@/components/maps/Map.astro'
+import MapOverlay from '@/components/maps/MapOverlay.astro'
 ---
 
 <Layout title="Cantane ~ Cartographie">
-    <CantaneMapOverlay />
-    <CantaneMap />
+    <MapOverlay
+        mapKey='aldys-cantane'
+    />
+    <Map
+        mapKey='aldys-cantane'
+        zoomifyKey='cantane'
+        mapHeight={4124}
+        mapWidth={4067}
+        rulerDistanceRatio={1.15}
+        backgroundColor="#CDCAC3"
+    />
 </Layout>

src/pages/bamast/index.astro

@@ -1,10 +1,31 @@
 ---
-import Layout from '../../layouts/Layout.astro';
-import BamastMap from '../../components/maps/BamastMap.astro'
-import BamastMapOverlay from '../../components/maps/BamastMapOverlay.astro'
+import type { MapMarker, PlayerMarker } from '@/types/Leaflet';
+
+import Layout from '@/layouts/Layout.astro';
+import Map from '@/components/maps/Map.astro'
+import MapOverlay from '@/components/maps/MapOverlay.astro'
+
+import markersData from '@/components/maps/data/bamast/markers.json'
+import playersData from '@/components/maps/data/bamast/players.json'
+
+const markers = markersData.data as MapMarker[]
+const players = playersData as PlayerMarker
 ---
 
 <Layout title="Bamast ~ Cartographie">
-    <BamastMapOverlay />
-    <BamastMap />
+    <MapOverlay
+        mapKey='bamast'
+        markers={markers}
+        players={players}
+    />
+    <Map
+        mapKey='bamast'
+        zoomifyKey='bamast'
+        mapHeight={18342}
+        mapWidth={15000}
+        markers={markers}
+        players={players}
+        rulerDistanceRatio={2}
+        backgroundColor="#98BDD0"
+    />
 </Layout>

src/pages/index.astro

@@ -1,10 +1,31 @@
 ---
-import Layout from '../layouts/Layout.astro';
-import AldysMap from '../components/maps/AldysMap.astro'
-import AldysMapOverlay from '../components/maps/AldysMapOverlay.astro'
+import type { MapMarker, PlayerMarker } from '@/types/Leaflet';
+
+import Layout from '@/layouts/Layout.astro';
+import Map from '@/components/maps/Map.astro'
+import MapOverlay from '@/components/maps/MapOverlay.astro'
+
+import markersData from '@/components/maps/data/aldys/markers.json'
+import playersData from '@/components/maps/data/aldys/players.json'
+
+const markers = markersData.data as MapMarker[]
+const players = playersData as PlayerMarker
 ---
 
 <Layout title="Aldys ~ Cartographie">
-    <AldysMapOverlay />
-    <AldysMap />
+    <MapOverlay
+        mapKey='aldys'
+        markers={markers}
+        players={players}
+    />
+    <Map
+        mapKey='aldys'
+        zoomifyKey='aldys-nord'
+        mapHeight={21896}
+        mapWidth={30000}
+        markers={markers}
+        players={players}
+        rulerDistanceRatio={2}
+        backgroundColor="#98BDD0"
+    />
 </Layout>