Le fil d'actu GC
Accéder au site
Accéder au site
Le Deal du moment : -40%
Sosh : forfait mobile 80 Go sans engagement à ...
Voir le deal
14.99 €

Voir le sujet précédentAller en basVoir le sujet suivant
SimonRyr
SimonRyr
Apprenti Membre
Créer des Cartes Cliquables Bar_150_3
Messages : 42

Créer des Cartes Cliquables, le Dim 23 Sep 2018 - 16:20
Il est possible de créer sur le Wiki GC des cartes complexes à lien, cliquables. Elles rendent la navigation plus simple et interactive et permettent d'accéder facilement à l'information.
Créer des Cartes Cliquables 7spggtZ
Un exemple de carte cliquable. Tous les textes ici sont cliquables.

Avant de commencer la création, il faut savoir qu'une telle carte peut prendre beaucoup d'espace texte. Si vous souhaitez utiliser votre carte à plusieurs endroits différents sur le wiki, il est recommandé de créer un modèle dédié.

ATTENTION ! Ce post ne concerne pas les cartes qu'utilisent les infobox pour spécifier une seule localité.

1) Base de la carte

La première chose à faire est de trouver un fichier image que l'on va utiliser sur la carte. Ici, j'utilise Carte Vasel Vierge.png pour l'exemple. Si votre carte n'est pas encore importée sur le wiki, vous pouvez le faire ici .
Nous allons commencer par ajouter les bornes de la carte puis la carte elle-même dans le wikitexte :
Code:
{{Début de carte}}
[[Fichier:Carte Vasel Vierge.png|920px]]
{{Fin de carte}}
Ici, je précise que la carte fera 920 pixels de largeur : c'est ici une largeur fixe, c'est-à-dire que quel que soit le zoom, la carte fera toujours 920 pixels sur l'écran, mais on peut modifier ça par la suite.
Quoi qu'il en soit, tout le contenu cliquable de la carte sera situé entre le fichier et la borne de fin de carte.


2) Les éléments cliquables

A. Positionnement de base

Tous les éléments cliquables sont des modèles de points. Il en existe de toutes sortes, vous pouvez les retrouver ici .
On commence par ajouter la capitale du Vasel, Maris Cantii. On utilise pour cela le modèle Point/Capitale :
Code:
{{Début de carte}}
[[Fichier:Carte Vasel Vierge.png|920px]]
{{Point/Capitale|48.6|68.8|'''[[Maris Cantii]]'''|localisation=o}}
{{Fin de carte}}
Plusieurs éléments sont à noter :

  • Les deux premières valeurs numériques ( 48.6 et 68.8 ) correspondent respectivement à la distance depuis la gauche et depuis le haut de l'image, en pourcentages (ici mon point sera à 48.6% de l'image depuis la gauche et à 68.8% depuis le haut). C'est la position de mon point.
  • la localisation correspond à l'emplacement du texte par rapport au point (ici, mon texte sera situé à l'ouest). Par défaut : ne (nord-est)
  • bien sûr le texte peut être stylisé (ici, "Maris Cantii" est en gras et avec un lien, mais il est possible de ne pas avoir de lien)

Les modèles Point/Ville, Point/Ville importante et Point/Mont fonctionnent de la même manière. (Ville importante sert à marquer des villes plus grosses que Ville,  et Mont sert à marquer des montages ou des volcans)

Le modèle Point/Drapeau permet d'ajouter une image de drapeau au lieu d'une icône de localisation de ville (voir ici )

B. Modèles de points texte et rotation

Nous allons maintenant ajouter le Cap Clamato sur notre carte. Pour cela nous utilisons le modèle Point/Océan, qui est le plus adapté. Celui-ci n'ajoute pas d'icône mais simplement le texte choisi :
Code:
{{Début de carte}}
[[Fichier:Carte Vasel Vierge.png|920px]]
{{Point/Capitale|48.6|68.8|'''[[Maris Cantii]]'''|localisation=o}}
{{Point/Océan|66|94|[[Cap Clamato]]|rotation = -5|taille=100%}}
{{Fin de carte}}

  • Les valeurs numériques correspondent toujours à la position. Le texte a le même fonctionnement également.
  • La taille est ici modifiée à 100%. Pour le modèle Point/Océan elle est par défaut de 112%.
  • La rotation aussi est ici modifiée : -5° permettent au texte de rentrer à l'emplacement dédié (voir image ci-dessus)

Les modèles Point/Fleuve et Point/Lac fonctionnent de la même manière. (la seule différence est le style du texte et la valeur par défaut de la taille du texte)

L'exemple de l'image est donné par ce code :
Code:
{{Début de carte}}
[[Fichier:Carte Vasel Vierge.png|920px]]
{{Point/Capitale|48.6|68.8|'''[[Maris Cantii]]'''|localisation=o}}
{{Point/Ville importante|45.6|51.3|'''[[Saint-Martin en Leu]]'''|localisation=se}}
{{Point/Ville|30.1|47|[[Leiplein]]|localisation=so}}
{{Point/Mont|75|77|[[Mont Aléatoire]]}}
{{Point/Ville|65|71|[[Vitsal]]|localisation=e}}
{{Point/Océan|66|94|[[Cap Clamato]]|rotation = -5|taille=100%}}
{{Point/Océan|8|74|[[Océan Atlantide]]}}
{{Point/Fleuve|47.5|44|[[Leu|Le Leu]]|rotation = -6}}
{{Point/Fleuve|41|33|[[Lac Évre]]|rotation=-10}}
{{Fin de carte}}


Dernière édition par SimonRyr le Jeu 30 Mai 2019 - 23:23, édité 2 fois
Yeskiomach
Yeskiomach
Membre Chevronné
Créer des Cartes Cliquables Bar_150_3
Messages : 876

Re: Créer des Cartes Cliquables, le Dim 23 Sep 2018 - 16:42
Au top, c'est parfait ça j'adore ces cartes
Saynwen
Saynwen
Viking norrois
. Créer des Cartes Cliquables 1 Créer des Cartes Cliquables Bar_150_3
Messages : 7669

Re: Créer des Cartes Cliquables, le Dim 23 Sep 2018 - 22:37
Super boulot. Je m'y attelle dès que j'en ai le temps. Créer des Cartes Cliquables 482166


ᚻᛖᚱᚪ ᚩᚷ ᚻᛇᚢᚾᛞᚢᚱ ᚾᚩᚱᛋᛣᚪ ᛫ ᛚᚳᛝᚹᛖᛚᛞᛁᛋᛁᚾᛋ ᛡ ᛏᚹᛟ᛫ ᚦᛢᛋᚢᚾᛞ ᚩᚷ ᚠᛁᛗᛏᚫᚾ ᛫ ᚠᚱᛖᛚᛋᛁ ᛖᛝᚪ ᛞᚪᚢᛝᚪ ᛫  ᚹᛁᛝ ᛋᚫᚢᛗ ᛖᛣᛁ
Maori
Maori
Modérateur
Créer des Cartes Cliquables 1 Créer des Cartes Cliquables Bar_150_3
Messages : 3331

Re: Créer des Cartes Cliquables, le Dim 23 Sep 2018 - 23:33
Merci pour ce petit tuto, c'est très apprécié, je vais voir si je peux en faire une. ça me changera des cartes illustrator d'il y a un an maintenant :aie:
Myname
Myname
Responsable du Comité Economie et Président OCGC
Nombre d Eiffel remportés Créer des Cartes Cliquables 3 Créer des Cartes Cliquables 4 Créer des Cartes Cliquables 1536585881-g18-orga Créer des Cartes Cliquables Bar_150_3
Messages : 11574

http://squirrel.romukulot.fr/
Re: Créer des Cartes Cliquables, le Ven 28 Sep 2018 - 17:38
Ah, génial comme tuto ! cheers
Merci vraiment pour tout le travail que vous mettez dans ce wiki Wink


Ouam
Ouam
Responsable du Comité Politique
Créer des Cartes Cliquables 1 Créer des Cartes Cliquables 2 Créer des Cartes Cliquables 3 Créer des Cartes Cliquables Bar_150_3
Messages : 2828

Re: Créer des Cartes Cliquables, le Jeu 30 Mai 2019 - 20:42
salut j'essai de faire une carte cliquable pour la ville de lutece, comme ce qui a été fait sur les page de Galax ou saint martin

j'ai creer une carte cliquable "deltaclic"

http://vasel.yt/wiki/index.php?title=Deltaclic

et j'essai de la mettre dans la section geographie de l'infobox de Lutece mais pour l'instant c'est un echec

http://vasel.yt/wiki/index.php?title=Lut%C3%A8ce

Help !

SimonRyr
SimonRyr
Apprenti Membre
Créer des Cartes Cliquables Bar_150_3
Messages : 42

Re: Créer des Cartes Cliquables, le Jeu 30 Mai 2019 - 23:20
Ouam a écrit:salut j'essai de faire une carte cliquable pour la ville de lutece, comme ce qui a été fait sur les page de Galax ou saint martin
j'ai creer une carte cliquable "deltaclic"
(...)
Salut !
Ce n'est pas la même chose ! Les cartes cliquables mentionnées ici sont faites pour contenir des liens cliquables et pour apparaître au milieu d'une page. Ce que tu essaies de faire, toi, c'est d'ajouter une carte d'infobox, qui ne fonctionnent pas de la même manière. Pour pouvoir utiliser la carte que tu souhaites (ici « Sans titre 22.png » - d'ailleurs ça serait mieux d'utiliser des meilleurs noms de fichier !!) dans une infobox, il faut renseigner tout cela dans le modèle « Dict Carte ».
Shibuya
Shibuya
Erudit Tokyoïte
Créer des Cartes Cliquables 1 Créer des Cartes Cliquables 3 Créer des Cartes Cliquables 1536783979-g18-argent Créer des Cartes Cliquables Bar_150_3
Messages : 8362

Re: Créer des Cartes Cliquables, le Ven 31 Mai 2019 - 0:37
Un grand merci pour ce tutoriel que je mettrai bien à profit ! Very Happy


ancore Venez découvrir la confédération insulaire d'Ancore, l'un des pays les plus atypiques du monde gc.
Des forêts tropicales luxuriantes aux mégalopoles urbaines, votre visite de l'Ancore sera à tous les coups une découverte magique.

Cliquez ici pour commencer votre visite  ancore
Contenu sponsorisé
Voir le sujet précédentRevenir en hautVoir le sujet suivant
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum