NAVIMUNDILe monde à collectionner
1 285AS
Profil

Outil interne

Page Mon Monde

Réglez la carte et sa composition, puis copiez le gabarit.

Viewport1088 px · ×1.00

Mon Monde

Chaque lieu relevé allume un point de plus.

Vos dernières découvertes

0.3 %

du monde découvert

20 / 5 780 lieux

2.3 %

France

6 / 260 lieux découverts

2 / 120

Volcans

Lieux découverts

5 / 120

Villes

Lieux découverts

Territoires

Progression par pays

  • 🇫🇷

    France

    6/260

  • 🇯🇵

    Japon

    1/180

  • 🇳🇵

    Népal

    1/55

  • 🇵🇪

    Pérou

    1/90

  • 🇩🇿

    Algérie

    1/70

  • 🇮🇸

    Islande

    1/40

Familles de lieux

Catégories

Ville

5/120

Village

2/120

Montagne

1/120

Volcan

2/120

Lac

1/120

Rivière

1/120

Désert

2/120

Monument

3/120

Île

2/120

Site naturel

1/120

Ordre des sections

  • 1Carte
  • 2Vos dernières découvertes
  • 3Chiffres clés
  • 4Progressions

Page

Marge avant chaque bloc

Carte

Fenêtre dans le cadre (%)

Style MapLibre

Même structure de couches, palette différente. Changer de variante reconstruit la carte : les tuiles se rechargent et la vue revient au monde.

Cadre

Débord du cadre (%)

Le cadre monté est la variante sans boutons peints : les trois contrôles visibles sont les vrais, et eux seuls.

Contrôles

Habillage

Marqueur

Décalage graphique uniquement : il passe par l'option offset de MapLibre, appliquée après la projection. La latitude et la longitude du lieu ne bougent jamais.

Carrousel des découvertes

La composition interne des cartes ne se règle pas ici : elle vient du système de cartes V3. Seule leur largeur dans la bande est pilotée.

Gabarit à recopier

export const DEFAULT_WORLD_PAGE_LAYOUT: WorldPageLayout = {
  page: { topPadding: 0, sidePadding: 0, maxWidth: 0 },
  map: {
    height: 560,
    heightMobile: 310,
    maxWidth: 0,
    borderRadius: 10,
    styleVariant: "dark",
    window: { left: 2.15, right: 2.15, top: 12.43, bottom: 7.55 },
  },
  frame: {
    visible: true,
    opacity: 1,
    inset: { left: 0, right: 0, top: 0, bottom: 0 },
  },
  controls: {
    visible: true,
    icons: "assets",
    opacity: 1,
    minSize: 30,
    zoomIn: { left: 93.54, top: 10.52, width: 3.59, height: 6.27 },
    zoomOut: { left: 93.54, top: 17.22, width: 3.59, height: 6.27 },
    recenter: { left: 93.54, top: 24.02, width: 3.59, height: 6.27 },
  },
  selectedMarker: { size: 46, offsetX: 0, offsetY: 0, labelVisible: true },
  discoveries: { count: 12, cardWidth: 210, gap: 16, arrowsVisible: true },
  order: ["map", "discoveries", "stats", "progress"],
  blocks: {
    map: { visible: true, marginBefore: 12, maxWidth: 0 },
    discoveries: { visible: true, marginBefore: 12, maxWidth: 0 },
    stats: { visible: true, marginBefore: 28, maxWidth: 0 },
    progress: { visible: true, marginBefore: 28, maxWidth: 0 },
  },
  divider: { visible: true, marginBefore: 28 },
};

Collez-le dans lib/worldPageLayout.ts, ou envoyez-le-moi. La production ne lit que ce fichier.