Centre des communautés
Advertisement
Cette fonctionnalité est activée par défaut sur Fandom.

Les cartes interactives (Interactive Maps) est une fonctionnalité disponible sur Fandom qui permet aux communautés de concevoir leurs propres cartes personnalisées. Elle est disponible pour toute communauté qui souhaite l'utiliser.

Commencer[]

La création et l'édition de cartes sont actuellement limitées à ceux qui ont le droit utilisateur editinteractivemap, qui est automatiquement donné aux administrateurs et au Staff Fandom. Il existe un groupe d'utilisateurs « testeur de cartes interactives » que les administrateurs peuvent donner aux utilisateurs pour leur permettre de créer et de modifier des cartes.

Une fois que vous obtenez la permission d'éditer des Cartes, vous pouvez trouver un lien « Cartes interactives » dans le menu Explorer dans la navigation supérieure, ou vous pouvez vous rendre directement dans l'outil de création en visitant Spécial:AllMaps sur votre wiki, où vous pouvez créer votre propre Carte et trouver une liste de toutes les Cartes qui existent sur votre communauté.

Toutes les Cartes interactives sont placées dans l'espace de noms de contenu Map:, par exemple /fr/wiki/Map:Ma_Nouvelle_Carte. Les Cartes créée dans les autres espaces de noms, y compris en tant que sous-page de l'espace utilisateur, ne seront pas correctement générées. Lorsque vous créez une Carte via le bouton sur Spécial:AllMaps, cet espace de nom est automatiquement ajouté, sans qu'il soit nécessaire de l'indiquer dans le titre de la page.

À moins que vous n'ayez configuré vos préférences pour utiliser l'éditeur source, le bouton « Modifier » situé en haut à droite de n'importe quelle page de l'espace de noms Map ouvrira l'Éditeur visuel des Cartes interactives, qui est une option conviviale pour modifier les cartes rapidement et facilement. En cliquant sur « Modifier le wikicode » dans le menu déroulant, vous accéderez à l'éditeur source et chargerez la structure JSON (JavaScript Object Notation) de base de la carte. Si vous avez sélectionné l'éditeur source dans vos préférences, ces options sont inversées et le bouton du menu déroulant indique « Modifier la carte ». En cliquant sur l'icône de crayon présente sur la carte elle-même, vous ouvrirez toujours l'éditeur visuel de Cartes interactives, quel que soit votre éditeur préféré. Lorsque vous vous trouvez dans l'éditeur visuel de Cartes interactives, le fait de passer la souris sur le bouton avec les trois points verticaux ouvre une liste déroulante avec l'option « Modifier le wikicode ».

Construire une Carte en utilisant l'Éditeur de Cartes interactives[]

Interactive Maps Theme Designer

Affichage de la carte[]

  • Nom de la carte : Ceci est le nom de votre Carte. Votre Carte sera consultable en utilisant l'URL /wiki/Map:Ma_Nouvelle_Carte, où « Ma Nouvelle Carte » est le nom que vous avez choisi. Si vous souhaitez changer le nom après la création de la Carte, survolez le bouton avec les trois points verticaux dans le coin supérieur droit sur la Carte elle-même et sélectionnez l'option « Renommer ». Cela fermera l'éditeur de Cartes interactives et vous amènera à Spécial:Renommer.
  • Image de la carte : Cliquez sur cette zone pour télécharger l'image que vous souhaitez utiliser pour votre Carte. Vous pouvez télécharger un fichier .jpg, .jpeg, .png ou .svg. La taille maximale du fichier est de 10 Mio.
  • Regrouper les marqueurs : Permutez cette option sur « Regroupement des marqueurs activé » pour simplifier le nombre de marqueurs sur une carte en regroupant ceux qui sont à proximité les uns des autres. Si vous cliquez sur un emplacement groupé, cela aura pour effet de zoomer et de montrer un sous-groupe ou des marqueurs individuels dans un emplacement sélectionné. Nous vous recommandons de regrouper un grand nombre de marqueurs pour une meilleure visualisation.

Catégories[]

Organisez les marqueurs d'un même type en les regroupant en catégories. Cette liste apparaît à côté de la Carte et vous permet de filtrer les marqueurs par catégories. Cliquez sur le bouton « Ajouter une catégorie » pour en créer une nouvelle, cliquez sur la couleur à gauche de la catégorie pour changer la couleur de la catégorie, et saisissez les barres horizontales à droite de la catégorie pour réorganiser les catégories dans la liste. En cliquant n'importe où sur la catégorie, la barre horizontale se transforme en icône de corbeille pour vous donner la possibilité de supprimer la catégorie.

Modifier le marqueur[]

Pour ajouter un marqueur à votre carte, cliquez sur l'icône en forme d'épingle dans le coin supérieur droit. Déplacez votre curseur à l'endroit souhaité sur la carte et cliquez pour le déposer. Après avoir placé le marqueur, un menu apparaîtra avec plusieurs options qui contrôlent la façon dont votre marqueur apparaîtra sur la carte :

  • Titre : Il s'agit du nom de votre marqueur/emplacement. Il doit comporter 50 caractères ou moins.
  • Description (optionnel) : Cette description sera affichée sous votre titre dans la fenêtre modale lorsque l'on clique sur votre marqueur. Elle doit comporter 150 caractères ou moins.
  • Lien (facultatif) : Vous avez la possibilité de créer un lien vers n'importe quel article de votre wiki (peut-être un article qui donne plus de détails sur le marqueur/lieu sélectionné).
    • Titre de la page : Mettez le nom de l'article vers lequel vous souhaitez créer un lien dans ce champ. Il importe peu que vous utilisiez des espaces ou des caractères de soulignement pour les noms d'articles.
    • Texte d'affichage du lien : Choisissez comment vous souhaitez que le texte du lien soit affiché. Il peut s'agir du même nom que l'article ou de quelque chose comme « Voir plus ». Ce champ est obligatoire si vous créez un lien vers un nom de page.
  • Sélectionner une catégorie : Sélectionnez la catégorie dans laquelle vous souhaitez que votre marqueur soit regroupé. Chaque marqueur doit être associé à une catégorie pour mieux regrouper les marqueurs similaires.

Une fois qu'un marqueur est créé, vous pouvez le faire glisser vers un autre emplacement sur la carte si vous le souhaitez. Vous pouvez également cliquer sur le marqueur et passer la souris sur les trois points verticaux pour faire apparaître des options permettant de modifier ou de supprimer le marqueur.

Fonctions additionnelles[]

  • Zoom : Utilisez les boutons + et - dans le coin inférieur droit pour faire un zoom avant et arrière sur votre carte. Vous pouvez également utiliser la molette de défilement de la souris.

En passant la souris sur le bouton avec les trois points verticaux, une liste déroulante s'ouvrira. En fonction de vos droits utilisateur, vous aurez toujours les options pour/vers « Modifier la carte », l'« Historique de la page » et « Renommer » la Carte.

  • Modifier la carte : En cliquant sur cette option, vous quitterez l'éditeur visuel de Cartes interactives et accéderez au code JSON de la carte. Si vous souhaitez revenir à l'éditeur visuel de cartes interactives, vous devez quitter le mode source et cliquer à nouveau sur le crayon d'édition sur la carte.
  • Historique de la page : Cela vous fera sortir de l'éditeur et accéder à l'historique de la page de la Carte, vous montrant toutes les modifications et les changements effectués par quiconque et vous donnant la possibilité de les annuler si nécessaire.
  • Renommer : Ceci fermera l'éditeur de Cartes Interactives et vous amènera à Spécial:Renommer, où vous pouvez choisir un nouveau nom pour votre carte.

Les options suivantes ne sont disponibles que pour ceux qui ont les droits de modérateur de contenu ou supérieurs.

  • Protéger : Elle ouvre les options pour protéger votre Carte.
  • Supprimer : Ceci va supprimer votre Carte. Vous pouvez toujours la restaurer si vous l'avez fait par accident.

Pendant que vous apportez des modifications, la fenêtre de prévisualisation affiche vos changements en temps réel, de sorte que vous pouvez voir à quoi ressemblera votre carte avant de l'enregistrer. Lorsque vous avez terminé, cliquez sur le bouton « Enregistrer » et votre nouvelle carte apparaîtra sur le wiki !

Construire une Carte en utilisant le JSON dans l'Éditeur Source[]

Toutes les Cartes interactives sont définies en JSON (JavaScript Object Notation). Les champs suivants doivent de préférence être définies dans l'ordre pour générer la Carte :

  • mapImage (requis) – nom du fichier qui sera utilisé comme image d'arrière-plan. L'image doit être téléchargée sur le wiki (par exemple en utilisant Spécial:Téléverser). Les extensions de fichiers suivants sont pris en charge : jpg / jpeg / png / svg.
  • mapBounds (requis) – limites définissant les bords de la carte, données sous la forme d'une matrice 2×2 d'entiers.
  • categories (requis) – liste des catégories qui seront affichées dans la liste des filtres (le menu déroulant situé en haut à gauche de la carte).
  • markers (requis) – liste des marqueurs qui seront affichés sur la carte. Chaque marqueur doit être associé à une catégorie précédemment définie.
  • origin – position du point d'origine [0,0] dans le système de coordonnées.
    • Valeurs possibles : bottom-left (par défaut) ou top-left.
  • coordinateOrder – ordre des coordonnées utilisées lors de la définition des limites de la carte et la position des marqueurs.
    • Valeurs possibles : xy (par défaut) ou yx.

Catégories[]

Les catégories sont un groupe de marqueurs de même type. Chaque catégorie de marqueurs est définie avec les champs suivants :

  • id (requis) – ID défini de manière unique pour chaque catégorie, correspondant à la propriété categoryId de chaque marqueur. Toute chaîne de caractères est valable comme « id ».
  • name (requis) – nom de la catégorie, qui sera affichée dans la liste des filtres.
  • color (requis) – couleur avec laquelle chaque catégorie de marqueur apparaîtra, qui peut être donnée en couleurs hexadécimales ou en couleurs nommées. Les catégories dont le champ de couleur est invalide s'afficheront en noir.

Marqueurs[]

Chaque marqueur individuel est défini par les champs suivants :

  • categoryId (requis) – catégorie associée au marqueur.
  • position (requis) - position des coordonnées du marqueur, dans les mapBounds donnés et dans l'ordre défini par coordinateOrder.
  • popup (requis) – propriétés de la fenêtre contextuelle qui apparaît d'un lic sur un marqueur :
    • title (requis) – titre du marqueur. Chaque titre de marqueur a une limite stricte de 50 caractères.
    • description (requis) – description à afficher dans la pop-up. Chaque description de marqueur a une limite stricte de 150 caractères.
    • lien – lien vers l'article à ajouter à la fenêtre contextuelle. Les liens marqueurs sont facultatifs, mais s'ils sont inclus, ils doivent être définis à la fois avec un url (le titre de l'article à lier) et un label (le texte du lien à afficher). L'URL peut renvoyer à la fois à des articles complets et à des sections d'articles.

Exemple[]

{
    "mapImage": "Fichier:MapBackground.jpg",
    "pageCategories": ["Cartes"],
    "defaultSort": "",
    "coordinateOrder": "xy",
    "mapBounds": [[0, 0], [1000, 1000]],
    "origin": "bottom-left",
    "useMarkerClustering": true,
    "categories": [
        { "id": "1", "name": "Artefacts", "color": "#ff00ff" },
        { "id": "2", "name": "Donjons", "color": "#00ff00" }
    ],
    "markers": [
        {
            "categoryId": "1",
            "position": [500, 300],
            "popup": {
                "title": "Une épée",
                "description": "Artefact vraiment important",
                "link": {
                    "url": "Article sur une épée",
                    "label": "Voir plus"
                }
            } 
        },
        {
            "categoryId": "2",
            "position": [300, 500],
            "popup": {
                "title": "Une grotte",
                "description": "Donjon vraiment effrayant",
                "link": {
                    "url": "Article sur une grotte",
                    "label": "Voir plus"
                }
            } 
        }
    ] 
}

Consulter une carte[]

Groupe de marqueurs[]

Pour faciliter l'affichage, les marqueurs sont regroupés localement en groupes. Survoler un groupe affichera un contour autour des marqueurs contenus dans ce groupe, avec le nombre indiquant la quantité. Cliquer sur un groupe zoomera sur cette zone.

Il n'existe actuellement aucun moyen d'ajuster la sensibilité du regroupement.

Filtres[]

Les cartes disposent d'un menu proposant des filtres qui permettent d'afficher ou de masquer une catégorie de marqueurs spécifique, si vous souhaitez n'en voir qu'une seule. Sélectionnez « Sélectionner tout » pour afficher tous les marqueurs de la carte, ou sélectionnez des catégories spécifiques pour ne voir que les marqueurs de cette catégorie.

Incorporer une carte[]

Pour mieux mettre en avant votre carte, vous pouvez l'intégrer dans un article de l'espace principal si vous le souhaitez. Une fois la carte créée, elle peut être transcluse dans un article en utilisant la syntaxe wikitexte {{Map:Ma_Nouvelle_Carte}}.

Comme pour les modèles, plusieurs cartes peuvent être intégrées dans un article. Les cartes intégrées dans les articles sont dotées d'un bouton de modification en haut à droite de la carte. En cliquant sur ce bouton, l'éditeur de Cartes interactives s'ouvre dans un nouvel onglet, ce qui permet de modifier directement la carte.

Alignement[]

Par défaut, la carte occupera 100 % de la largeur de l'élément qui la contient (c'est-à-dire que si elle est placée au milieu d'un article, elle s'étendra sur toute la largeur de la page). Vous pouvez manipuler son emplacement en l'intégrant dans un élément <div> ou une table, qui vous permet de spécifier l'alignement, la largeur et d'autres propriétés.

Veuillez noter que pour qu'une carte à l'intérieur d'un tel élément s'insère correctement dans l'article, elle doit avoir une largeur maximale de 530px.

Vous pouvez également placer une carte à l'intérieur d'une infobox, mais cela limitera considérablement sa fonctionnalité.

Liens utiles[]

Exemples de cartes[]

Voir aussi[]

  • Aide:ImageMap, une extension MediaWiki par défaut pour incorporer des cartes basées sur des coordonnées d'images.
  • Aide:Extension Maps, une extension MediaWiki par défaut pour intégrer des cartes du monde réel.

Plus d'aide

Advertisement