Joururi/leim-maps
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added quests markers and data for eastern map

Browse Source
This commit is contained in:
Alexis
2023-12-09 17:14:47 +01:00
parent e2b513253c
commit 3becf43d3b
8 changed files with 330 additions and 83 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@@ -1,7 +1,7 @@
{
"name": "leim-maps",
"type": "module",
"version": "0.0.1",
"version": "2.0.0",
"scripts": {
"dev": "astro dev",
"start": "astro dev",

BIN
public/icon/flag-shadow.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.5 KiB

BIN
public/icon/flag.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.6 KiB

1
src/assets/scss/theme.scss
View File

@@ -15,6 +15,7 @@
--slate-800: #1e293b;
--slate-900: #0f172a;
--slate-950: #020617;
--red-500: #dc2626;
}
html {

42
src/components/maps/WorldMap.astro
View File

@@ -40,13 +40,33 @@ function convertYToScale(y) {
return (y * yRatio * zoomRatio) + yOffset
}
/**
* Convert leaflet scale to x with ratio, zoom and offset
*
* It is basically the mathematically inverse function of convertXToScale()
* @param {number} y
*/
function convertScaleToX(x) {
return (x - xOffset) / (xRatio * zoomRatio)
}
/**
* Convert leaflet scale to y with ratio, zoom and offset
*
* It is basically the mathematically inverse function of convertYToScale()
* @param {number} y
*/
function convertScaleToY(y) {
return (y - yOffset) / (yRatio * zoomRatio)
}
const distanceRatio = 2
const map = L.map('world', {
crs: L.CRS.Simple,
maxZoom: 8.5,
minZoom: 4,
zoom: 4,
minZoom: 3.5,
zoom: 3.5,
zoomSnap: 0,
zoomControl: false
});
@@ -69,6 +89,7 @@ const layerGroups = {
cities: L.layerGroup(),
towns: L.layerGroup(),
landmarks: L.layerGroup(),
quests: L.layerGroup(),
};
/**
@@ -111,6 +132,17 @@ for (let i = 0; i < markers.length; i++) {
});
break;
case "quests":
markerIcon = L.icon({
iconUrl: `icon/flag.png`,
shadowUrl: `icon/flag-shadow.png`,
iconSize: [20, 23],
shadowSize: [35, 30],
iconAnchor: [12.5, 8],
shadowAnchor: [11, 12]
});
break;
case "towns":
default:
iconKey = "house"
@@ -233,7 +265,7 @@ const rulerOptions = {
display: 'Kilomètres',
},
days: {
factor: 0.000002 * distanceRatio,
factor: 0.00000325 * distanceRatio,
display: 'Jours de marche',
decimals: 1
}
@@ -247,8 +279,8 @@ measureControl.addTo(map);
* DEBUGS
*/
map.addEventListener('click', (event) => {
const lat = convertXToScale(event.latlng.lat)
const lon = convertYToScale(event.latlng.lng)
const lat = convertScaleToY(event.latlng.lat)
const lon = convertScaleToX(event.latlng.lng)
console.log(lat, lon);
})
</script>

293
src/components/maps/data/markers.json
View File

@@ -4,7 +4,7 @@
"group": "capitals",
"title": "Ambrose",
"description": "Chef-lieu de Nacride et Capitale économique de l'Alliance Kaldélienne.",
"link": "https://alexcreates.fr/leim/index.php?title=Ambrose",
"link": "https://alexcreates.fr/leim/index.php/Ambrose",
"markerCoords": {
"x": 83.6,
"y": -185.2
@@ -14,7 +14,7 @@
"group": "capitals",
"title": "Cordouac",
"description": "Chef-lieu d'Héraldie et Capitale administrative de l'Alliance Kaldélienne.",
"link": "https://alexcreates.fr/leim/index.php?title=Cordouac",
"link": "https://alexcreates.fr/leim/index.php/Cordouac",
"markerCoords": {
"x": 133.46875,
"y": -146.0625
@@ -24,7 +24,7 @@
"group": "capitals",
"title": "Bordelac",
"description": "Chef-lieu des Hautes-Berges",
"link": "https://alexcreates.fr/leim/index.php?title=Bordelac",
"link": "https://alexcreates.fr/leim/index.php/Bordelac",
"markerCoords": {
"x": 151.22656,
"y": -173.63281
@@ -34,7 +34,7 @@
"group": "capitals",
"title": "Tourgrise",
"description": "Chef-lieu de Ternâcre. C'est une cité de mages archivistes, mais c'est aussi ici qu'on trouve la plus grande population carcérale de l'Alliance.",
"link": "https://alexcreates.fr/leim/index.php?title=Tourgrise",
"link": "https://alexcreates.fr/leim/index.php/Tourgrise",
"markerCoords": {
"x": 132.26953,
"y": -98.19141
@@ -44,7 +44,7 @@
"group": "capitals",
"title": "Valsoie",
"description": "Chef-lieu de Mireloin.",
"link": "https://alexcreates.fr/leim/index.php?title=Valsoie",
"link": "https://alexcreates.fr/leim/index.php/Valsoie",
"markerCoords": {
"x": 103.4375,
"y": -79.5
@@ -54,7 +54,7 @@
"group": "capitals",
"title": "Prismalline",
"description": "Chef-lieu de Corambre.",
"link": "https://alexcreates.fr/leim/index.php?title=Prismalline",
"link": "https://alexcreates.fr/leim/index.php/Prismalline",
"markerCoords": {
"x": 103.00329,
"y": -138.02162
@@ -64,7 +64,7 @@
"group": "capitals",
"title": "Port-brisé",
"description": "Chef-lieu d'Émerose.",
"link": "https://alexcreates.fr/leim/index.php?title=Port-brisé",
"link": "https://alexcreates.fr/leim/index.php/Port-brisé",
"markerCoords": {
"x": 168.39491,
"y": -109.13376
@@ -74,7 +74,7 @@
"group": "capitals",
"title": "Berce",
"description": "Chef-lieu des Basses-berges.",
"link": "https://alexcreates.fr/leim/index.php?title=Berce",
"link": "https://alexcreates.fr/leim/index.php/Berce",
"markerCoords": {
"x": 173.39874,
"y": -164.39011
@@ -84,7 +84,7 @@
"group": "capitals",
"title": "Lamière",
"description": "Chef-lieu de Quillon.",
"link": "https://alexcreates.fr/leim/index.php?title=Lamière",
"link": "https://alexcreates.fr/leim/index.php/Lamière",
"markerCoords": {
"x": 140.20731,
"y": -195.77923
@@ -94,7 +94,7 @@
"group": "capitals",
"title": "Halport",
"description": "Chef-lieu de Lagarde.",
"link": "https://alexcreates.fr/leim/index.php?title=Halport",
"link": "https://alexcreates.fr/leim/index.php/Halport",
"markerCoords": {
"x": 76.6803,
"y": -198.76159
@@ -104,7 +104,7 @@
"group": "capitals",
"title": "Soubreciel",
"description": "Chef-lieu de Rougefer.",
"link": "https://alexcreates.fr/leim/index.php?title=Soubreciel",
"link": "https://alexcreates.fr/leim/index.php/Soubreciel",
"markerCoords": {
"x": 204.42515,
"y": -226.85883
@@ -114,7 +114,7 @@
"group": "capitals",
"title": "Dramast",
"description": "Chef-lieu d'Asharos.",
"link": "https://alexcreates.fr/leim/index.php?title=Dramast",
"link": "https://alexcreates.fr/leim/index.php/Dramast",
"markerCoords": {
"x": 119.35456,
"y": -27.53623
@@ -124,17 +124,17 @@
"group": "capitals",
"title": "Briseroc",
"description": "Chef-lieu de Pergaré.",
"link": "https://alexcreates.fr/leim/index.php?title=Briseroc",
"link": "https://alexcreates.fr/leim/index.php/Briseroc",
"markerCoords": {
"x": 41.96763,
"y": -48.83056
}
},
{
"group": "capitals",
"group": "cities",
"title": "Demilieu",
"description": "Ancienne cité militaire laissée à l'abandon depuis plusieurs centaines d'années.",
"link": "https://alexcreates.fr/leim/index.php?title=Demilieu",
"link": "https://alexcreates.fr/leim/index.php/Demilieu",
"markerCoords": {
"x": 204.75462,
"y": -116.80687
@@ -144,7 +144,7 @@
"group": "cities",
"title": "Borélis",
"description": "Cité côtière vivant principalement de la pêche.",
"link": "https://alexcreates.fr/leim/index.php?title=Borélis",
"link": "https://alexcreates.fr/leim/index.php/Borélis",
"markerCoords": {
"x": 138.44531,
"y": -51.54687
@@ -154,7 +154,7 @@
"group": "cities",
"title": "Alcombe",
"description": "",
"link": "https://alexcreates.fr/leim/index.php?title=Alcombe",
"link": "https://alexcreates.fr/leim/index.php/Alcombe",
"markerCoords": {
"x": 165.42471,
"y": -164.00393
@@ -164,7 +164,7 @@
"group": "cities",
"title": "Cristaline",
"description": "",
"link": "https://alexcreates.fr/leim/index.php?title=Cristaline",
"link": "https://alexcreates.fr/leim/index.php/Cristaline",
"markerCoords": {
"x": 167.06242,
"y": -176.47233
@@ -174,7 +174,7 @@
"group": "cities",
"title": "Vidinamel",
"description": "",
"link": "https://alexcreates.fr/leim/index.php?title=Vidinamel",
"link": "https://alexcreates.fr/leim/index.php/Vidinamel",
"markerCoords": {
"x": 176.40469,
"y": -199.94666
@@ -184,7 +184,7 @@
"group": "cities",
"title": "Cantane",
"description": "",
"link": "https://alexcreates.fr/leim/index.php?title=Cantane",
"link": "https://alexcreates.fr/leim/index.php/Cantane",
"markerCoords": {
"x": 196.00387,
"y": -210.9071
@@ -194,7 +194,7 @@
"group": "cities",
"title": "Horfer",
"description": "",
"link": "https://alexcreates.fr/leim/index.php?title=Horfer",
"link": "https://alexcreates.fr/leim/index.php/Horfer",
"markerCoords": {
"x": 185.57431,
"y": -229.08588
@@ -204,7 +204,7 @@
"group": "cities",
"title": "Cimeterre",
"description": "",
"link": "https://alexcreates.fr/leim/index.php?title=Cimeterre",
"link": "https://alexcreates.fr/leim/index.php/Cimeterre",
"markerCoords": {
"x": 143.16512,
"y": -217.37201
@@ -214,7 +214,7 @@
"group": "cities",
"title": "Aubert",
"description": "",
"link": "https://alexcreates.fr/leim/index.php?title=Aubert",
"link": "https://alexcreates.fr/leim/index.php/Aubert",
"markerCoords": {
"x": 140.19456,
"y": -201.85993
@@ -224,7 +224,7 @@
"group": "cities",
"title": "Telos",
"description": "",
"link": "https://alexcreates.fr/leim/index.php?title=Telos",
"link": "https://alexcreates.fr/leim/index.php/Telos",
"markerCoords": {
"x": 104.61938,
"y": -204.35683
@@ -234,7 +234,7 @@
"group": "cities",
"title": "Saint-Amanthe",
"description": "",
"link": "https://alexcreates.fr/leim/index.php?title=Saint-Amanthe",
"link": "https://alexcreates.fr/leim/index.php/Saint-Amanthe",
"markerCoords": {
"x": 83.88068,
"y": -196.35341
@@ -244,7 +244,7 @@
"group": "cities",
"title": "Flauvent",
"description": "",
"link": "https://alexcreates.fr/leim/index.php?title=Flauvent",
"link": "https://alexcreates.fr/leim/index.php/Flauvent",
"markerCoords": {
"x": 77.58332,
"y": -210.22326
@@ -254,7 +254,7 @@
"group": "cities",
"title": "Nardion",
"description": "",
"link": "https://alexcreates.fr/leim/index.php?title=Nardion",
"link": "https://alexcreates.fr/leim/index.php/Nardion",
"markerCoords": {
"x": 43.56226,
"y": -218.19662
@@ -264,7 +264,7 @@
"group": "cities",
"title": "Granvert",
"description": "",
"link": "https://alexcreates.fr/leim/index.php?title=Granvert",
"link": "https://alexcreates.fr/leim/index.php/Granvert",
"markerCoords": {
"x": 63.47312,
"y": -192.67867
@@ -274,7 +274,7 @@
"group": "cities",
"title": "Olydra",
"description": "",
"link": "https://alexcreates.fr/leim/index.php?title=Olydra",
"link": "https://alexcreates.fr/leim/index.php/Olydra",
"markerCoords": {
"x": 92.24383,
"y": -179.9298
@@ -284,7 +284,7 @@
"group": "cities",
"title": "Vermeil",
"description": "",
"link": "https://alexcreates.fr/leim/index.php?title=Vermeil",
"link": "https://alexcreates.fr/leim/index.php/Vermeil",
"markerCoords": {
"x": 98.86066,
"y": -185.63039
@@ -294,7 +294,7 @@
"group": "cities",
"title": "Corindon",
"description": "",
"link": "https://alexcreates.fr/leim/index.php?title=Corindon",
"link": "https://alexcreates.fr/leim/index.php/Corindon",
"markerCoords": {
"x": 85.04465,
"y": -173.44829
@@ -304,7 +304,7 @@
"group": "cities",
"title": "Verdame",
"description": "",
"link": "https://alexcreates.fr/leim/index.php?title=Verdame",
"link": "https://alexcreates.fr/leim/index.php/Verdame",
"markerCoords": {
"x": 93.64841,
"y": -155.23226
@@ -314,7 +314,7 @@
"group": "cities",
"title": "Sellier",
"description": "",
"link": "https://alexcreates.fr/leim/index.php?title=Sellier",
"link": "https://alexcreates.fr/leim/index.php/Sellier",
"markerCoords": {
"x": 112.8161,
"y": -165.85315
@@ -324,7 +324,7 @@
"group": "cities",
"title": "Fort-Altare",
"description": "",
"link": "https://alexcreates.fr/leim/index.php?title=Fort-Altare",
"link": "https://alexcreates.fr/leim/index.php/Fort-Altare",
"markerCoords": {
"x": 123.1809,
"y": -156.79472
@@ -334,7 +334,7 @@
"group": "cities",
"title": "Naegir",
"description": "",
"link": "https://alexcreates.fr/leim/index.php?title=Naegir",
"link": "https://alexcreates.fr/leim/index.php/Naegir",
"markerCoords": {
"x": 111.22838,
"y": -142.46072
@@ -344,7 +344,7 @@
"group": "cities",
"title": "Silène",
"description": "",
"link": "https://alexcreates.fr/leim/index.php?title=Silène",
"link": "https://alexcreates.fr/leim/index.php/Silène",
"markerCoords": {
"x": 129.49372,
"y": -127.83022
@@ -354,7 +354,7 @@
"group": "cities",
"title": "Astelion",
"description": "",
"link": "https://alexcreates.fr/leim/index.php?title=Astelion",
"link": "https://alexcreates.fr/leim/index.php/Astelion",
"markerCoords": {
"x": 149.80364,
"y": -141.47096
@@ -364,7 +364,7 @@
"group": "cities",
"title": "Mythuse",
"description": "",
"link": "https://alexcreates.fr/leim/index.php?title=Mythuse",
"link": "https://alexcreates.fr/leim/index.php/Mythuse",
"markerCoords": {
"x": 101.52778,
"y": -119.3854
@@ -374,7 +374,7 @@
"group": "cities",
"title": "Celadonis",
"description": "",
"link": "https://alexcreates.fr/leim/index.php?title=Celadonis",
"link": "https://alexcreates.fr/leim/index.php/Celadonis",
"markerCoords": {
"x": 121.39631,
"y": -107.59972
@@ -384,7 +384,7 @@
"group": "cities",
"title": "Mestrl",
"description": "",
"link": "https://alexcreates.fr/leim/index.php?title=Mestrl",
"link": "https://alexcreates.fr/leim/index.php/Mestrl",
"markerCoords": {
"x": 141.59822,
"y": -112.96104
@@ -394,7 +394,7 @@
"group": "cities",
"title": "Pyranae",
"description": "",
"link": "https://alexcreates.fr/leim/index.php?title=Pyranae",
"link": "https://alexcreates.fr/leim/index.php/Pyranae",
"markerCoords": {
"x": 191.89054,
"y": -166.99251
@@ -404,7 +404,7 @@
"group": "cities",
"title": "Liserios",
"description": "",
"link": "https://alexcreates.fr/leim/index.php?title=Liserios",
"link": "https://alexcreates.fr/leim/index.php/Liserios",
"markerCoords": {
"x": 187.69872,
"y": -101.89283
@@ -414,7 +414,7 @@
"group": "cities",
"title": "Armistille",
"description": "",
"link": "https://alexcreates.fr/leim/index.php?title=Armistille",
"link": "https://alexcreates.fr/leim/index.php/Armistille",
"markerCoords": {
"x": 187.72908,
"y": -111.21423
@@ -424,7 +424,7 @@
"group": "cities",
"title": "Gasterre",
"description": "",
"link": "https://alexcreates.fr/leim/index.php?title=Gasterre",
"link": "https://alexcreates.fr/leim/index.php/Gasterre",
"markerCoords": {
"x": 167.39995,
"y": -144.62217
@@ -434,7 +434,7 @@
"group": "cities",
"title": "Valversant",
"description": "",
"link": "https://alexcreates.fr/leim/index.php?title=Valversant",
"link": "https://alexcreates.fr/leim/index.php/Valversant",
"markerCoords": {
"x": 177.56325,
"y": -156.35054
@@ -444,7 +444,7 @@
"group": "cities",
"title": "Becqueraut",
"description": "",
"link": "https://alexcreates.fr/leim/index.php?title=Becqueraut",
"link": "https://alexcreates.fr/leim/index.php/Becqueraut",
"markerCoords": {
"x": 129.06038,
"y": -190.31194
@@ -454,7 +454,7 @@
"group": "cities",
"title": "Grasselieu",
"description": "",
"link": "https://alexcreates.fr/leim/index.php?title=Grasselieu",
"link": "https://alexcreates.fr/leim/index.php/Grasselieu",
"markerCoords": {
"x": 148.54698,
"y": -185.44567
@@ -464,7 +464,7 @@
"group": "cities",
"title": "Asandre",
"description": "",
"link": "https://alexcreates.fr/leim/index.php?title=Asandre",
"link": "https://alexcreates.fr/leim/index.php/Asandre",
"markerCoords": {
"x": 125.35658,
"y": -95.44555
@@ -474,7 +474,7 @@
"group": "cities",
"title": "Félisse",
"description": "",
"link": "https://alexcreates.fr/leim/index.php?title=Félisse",
"link": "https://alexcreates.fr/leim/index.php/Félisse",
"markerCoords": {
"x": 138.45867,
"y": -87.15509
@@ -484,7 +484,7 @@
"group": "cities",
"title": "Zélira",
"description": "",
"link": "https://alexcreates.fr/leim/index.php?title=Zélira",
"link": "https://alexcreates.fr/leim/index.php/Zélira",
"markerCoords": {
"x": 151.79771,
"y": -89.78763
@@ -494,7 +494,7 @@
"group": "cities",
"title": "Anderol",
"description": "",
"link": "https://alexcreates.fr/leim/index.php?title=Anderol",
"link": "https://alexcreates.fr/leim/index.php/Anderol",
"markerCoords": {
"x": 88.08019,
"y": -76.54403
@@ -504,7 +504,7 @@
"group": "cities",
"title": "Denteloin",
"description": "",
"link": "https://alexcreates.fr/leim/index.php?title=Denteloin",
"link": "https://alexcreates.fr/leim/index.php/Denteloin",
"markerCoords": {
"x": 99.26192,
"y": -94.88901
@@ -514,7 +514,7 @@
"group": "cities",
"title": "Willeau",
"description": "",
"link": "https://alexcreates.fr/leim/index.php?title=Willeau",
"link": "https://alexcreates.fr/leim/index.php/Willeau",
"markerCoords": {
"x": 107.50352,
"y": -67.36631
@@ -524,7 +524,7 @@
"group": "cities",
"title": "Borglah",
"description": "",
"link": "https://alexcreates.fr/leim/index.php?title=Borglah",
"link": "https://alexcreates.fr/leim/index.php/Borglah",
"markerCoords": {
"x": 91.03982,
"y": -57.75967
@@ -534,7 +534,7 @@
"group": "cities",
"title": "Karlas",
"description": "",
"link": "https://alexcreates.fr/leim/index.php?title=Karlas",
"link": "https://alexcreates.fr/leim/index.php/Karlas",
"markerCoords": {
"x": 133.5332,
"y": -44.42783
@@ -544,7 +544,7 @@
"group": "cities",
"title": "Sérak",
"description": "",
"link": "https://alexcreates.fr/leim/index.php?title=Sérak",
"link": "https://alexcreates.fr/leim/index.php/Sérak",
"markerCoords": {
"x": 127.10271,
"y": -18.2676
@@ -554,7 +554,7 @@
"group": "cities",
"title": "Plumeroche",
"description": "",
"link": "https://alexcreates.fr/leim/index.php?title=Plumeroche",
"link": "https://alexcreates.fr/leim/index.php/Plumeroche",
"markerCoords": {
"x": 52.68144,
"y": -44.71821
@@ -573,7 +573,7 @@
"group": "landmarks",
"title": "Les Cages Handaniennes",
"description": "Complexe pénitencier réservé aux criminels maîtrisant la magie.",
"link": "https://alexcreates.fr/leim/index.php?title=Cages_Handaniennes",
"link": "https://alexcreates.fr/leim/index.php/Cages_Handaniennes",
"markerCoords": {
"x": 168.31641,
"y": -60.54297
@@ -583,7 +583,7 @@
"group": "landmarks",
"title": "Solemthelio",
"description": "",
"link": "https://alexcreates.fr/leim/index.php?title=Solemthelio",
"link": "https://alexcreates.fr/leim/index.php/Solemthelio",
"markerCoords": {
"x": 174.22358,
"y": -197.04778
@@ -593,7 +593,7 @@
"group": "landmarks",
"title": "Temple du soleil",
"description": "",
"link": "https://alexcreates.fr/leim/index.php?title=Temple du soleil",
"link": "https://alexcreates.fr/leim/index.php/Temple du soleil",
"markerCoords": {
"x": 58.89295,
"y": -189.69308
@@ -602,10 +602,177 @@
{
"group": "landmarks",
"title": "Épave de l'Éclipse",
"description": "Carcasse d'un bateau de garde de la cité de Borélis, échouée sur le rivage rocheux par <a href=\"https://alexcreates.fr/leim/index.php?title=Sulvan Trois-Barbes\" target=\"_blank\">Sulvan Trois-Barbes</a>, un anarchiste de Bamast.",
"description": "Carcasse d'un bateau de garde de la cité de Borélis, échouée sur le rivage rocheux par <a href=\"https://alexcreates.fr/leim/index.php/Sulvan Trois-Barbes\" target=\"_blank\">Sulvan Trois-Barbes</a>, un anarchiste de Bamast.",
"markerCoords": {
"y": -57.93673,
"x": 165.08197
"x": 165.08197,
"y": -57.93673
}
},
{
"group": "capitals",
"title": "Flamberge",
"description": "Cité principale et capitale de l'empire des Terres de Syaltha.",
"link": "https://alexcreates.fr/leim/index.php/Flamberge",
"markerCoords": {
"x": 301.5278268956225,
"y": -109.31289744548666
}
},
{
"group": "cities",
"title": "Gosselin",
"description": "",
"link": "https://alexcreates.fr/leim/index.php/Gosselin",
"markerCoords": {
"x": 274.548390146726,
"y": -102.85910373918237
}
},
{
"group": "capitals",
"title": "Garràn",
"description": "",
"link": "https://alexcreates.fr/leim/index.php/Garràn",
"markerCoords": {
"x": 285.0990986858211,
"y": -146.08986069534564
}
},
{
"group": "cities",
"title": "Reilig",
"description": "",
"link": "https://alexcreates.fr/leim/index.php/Reilig",
"markerCoords": {
"x": 223.59559509274789,
"y": -128.59456481755538
}
},
{
"group": "cities",
"title": "Hiraeth",
"description": "",
"link": "https://alexcreates.fr/leim/index.php/Hiraeth",
"markerCoords": {
"x": 258.93504395455756,
"y": -170.68684659852204
}
},
{
"group": "capitals",
"title": "Sàrù",
"description": "",
"link": "https://alexcreates.fr/leim/index.php/Sàrù",
"markerCoords": {
"x": 263.7812679145169,
"y": -200.00348881920243
}
},
{
"group": "cities",
"title": "Sarys",
"description": "",
"link": "https://alexcreates.fr/leim/index.php/Sarys",
"markerCoords": {
"x": 299.97233754112403,
"y": -213.20999986828247
}
},
{
"group": "cities",
"title": "Fasàch",
"description": "",
"link": "https://alexcreates.fr/leim/index.php/Fasàch",
"markerCoords": {
"x": 326.7497076703842,
"y": -206.67114645854178
}
},
{
"group": "cities",
"title": "Treidàrch",
"description": "",
"link": "https://alexcreates.fr/leim/index.php/Treidàrch",
"markerCoords": {
"x": 348.1598016147318,
"y": -199.19162163619717
}
},
{
"group": "cities",
"title": "Alemin",
"description": "",
"link": "https://alexcreates.fr/leim/index.php/Alemin",
"markerCoords": {
"x": 334.95532432090823,
"y": -150.73512405752393
}
},
{
"group": "cities",
"title": "Méasine",
"description": "",
"link": "https://alexcreates.fr/leim/index.php/Méasine",
"markerCoords": {
"x": 357.1552251247344,
"y": -99.67975687686224
}
},
{
"group": "capitals",
"title": "Ormünd",
"description": "Capitale de la République séparatiste de Sakâr",
"link": "https://alexcreates.fr/leim/index.php/Orm%C3%BCnd",
"markerCoords": {
"x": 331.89665426999727,
"y": -233.1398446347952
}
},
{
"group": "cities",
"title": "Ârmelio",
"description": "",
"link": "https://alexcreates.fr/leim/index.php/Ârmelio",
"markerCoords": {
"x": 312.66238876422227,
"y": -236.43901518662912
}
},
{
"group": "cities",
"title": "Parsûl",
"description": "",
"link": "https://alexcreates.fr/leim/index.php/Parsûl",
"markerCoords": {
"x": 350.6765500094611,
"y": -223.55406577960014
}
},
{
"group": "quests",
"title": "Pour la République",
"description": "???",
"markerCoords": {
"x": 330.5404289908736,
"y": -233.9598590433425
}
},
{
"group": "quests",
"title": "Les Cloches de Cantane",
"description": "D'étranges disparitions secouent la cité minière de Cantane, rythmées par le tintement des cloches de l'église",
"markerCoords": {
"x": 195.6256582183996,
"y": -210.28328748968713
}
},
{
"group": "quests",
"title": "Mémoires de fer",
"description": "???",
"markerCoords": {
"x": 105.79962111804268,
"y": -82.40552057309549
}
}
]

73
src/components/maps/overlay/SearchMarkers.vue
View File

@@ -92,9 +92,20 @@ onUpdated(() => {
<ul class="search-results" v-if="shouldBeActive">
<li v-for="m in filteredMarkers?.slice(0, 10)" :key="m.title">
<button class="search-item" :data-to-marker="m.title" tabindex="0" :title="`Aller à ${m.title}`">
<button
class="search-item"
:class="`group-${m.group}`"
:data-to-marker="m.title"
tabindex="0"
:title="m.group === 'quests' ? 'Voir la quête' : 'Visiter ce lieu'"
>
<span class="title">{{ m.title }}</span>
<span class="desc">{{ m.description }}</span>
<div class="desc" v-html="m.description"></div>
<div class="icon" v-if="m.group === 'quests'">
<i class="ph-fill ph-flag"></i>
</div>
</button>
</li>
</ul>
@@ -205,12 +216,45 @@ onUpdated(() => {
}
.search-item {
position: relative;
cursor: pointer;
padding: .4rem .25em;
padding-right: 2.4rem;
width: 100%;
outline-offset: -1px;
&:hover {
.title,
.desc {
display: block;
font-size: .85em;
}
.title {
font-weight: 500;
text-underline-offset: 2px;
}
.desc {
color: var(--slate-500);
:deep(a) {
text-underline-offset: 2px;
text-decoration: underline;
&:hover {
color: #16a34a;
}
}
}
.icon {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: .4rem;
color: var(--slate-400);
}
&:hover:not(:has(a:hover)) {
background-color: var(--slate-100);
.title {
@@ -227,18 +271,21 @@ onUpdated(() => {
}
}
.title,
.desc {
display: block;
font-size: .85em;
/**
* Rules for specific groups (capitals, cities, etc...)
*/
&.group-capitals {
.title {
font-weight: 600;
}
}
.title {
font-weight: 500;
text-underline-offset: 2px;
}
.desc {
color: var(--slate-500);
&.group-quests {
&:hover:not(:has(a:hover)) {
.icon {
color: var(--red-500);
}
}
}
}
}

2
src/types/Leaflet.ts
View File

@@ -1,4 +1,4 @@
export type MapMarkerGroup = "capitals" | "cities" | "towns" | "landmarks";
export type MapMarkerGroup = "capitals" | "cities" | "towns" | "landmarks" | "quests";
export type MapCoords = {
x: number,
y: number,