Exemple de carte interactive paramétrable

 

Définition des variables de la carte

Paramètres carte

Couleur de fond : définit la couleur par défaut de toute la carte.
Vous pouvez également choisir une couleur différente d'une ou plusieurs régions, ce qui annulera la couleur de fond principale pour cette ou ces régions. Voir ci-dessous


Couleur désactivée : définit la couleur par défaut des régions non cliquables de la carte. Cette option permet de rendre des régions inactives. Voir ci-dessous


Couleur de survol : définit la couleur lorsque le pointeur de votre souris passe au dessus des régions, ce qui permet de contraster la navigation sur votre carte.


Couleur de trait : définit la couleur du trait qui sépare les différentes régions.


Épaisseur de trait : définit la taille du trait qui sépare les différentes régions, valeur en pixels ( de 0.1 à ce que vous voulez ).


Afficher les D.O.M. : Cette option vous permet d'afficher ou non les 5 départements d'Outre-Mer en dessous de la métropole. Sélectionnez oui ou non.


Paramètres régions

Pour modifier chaque région de la carte, cliquez sur l'onglet 'paramètres régions' de l'administration.

Sélectionnez ensuite dans le menu déroulant 'Choisir une région', le nom de la région à éditer.

Nom : définit le titre de la bulle info au survol de cette région.
( désactivé dans cette démo )


Texte : Permet l'ajout d'un court texte sous le titre, dans la bulle info.
Accepte les balises Html ( <br>, <strong>, <i>, <em>, <mark>, <small>, <ins>, <del> ... )

Plus d'informations sur les balises de mise en forme du texte : mise en forme Html - w3docs


Couleur : définit une couleur spécifique pour cette région. Pour désactiver cette couleur, tapez '000000' dans le champ 'Couleur'.
Lorsque la couleur d'une région est '000000', c'est la couleur par défaut de 'Couleur de fond' dans 'Paramètres' qui est affichée.


Lien : définit la page à ouvrir lors d'un clic sur cette région. Exemple : 'https://mon_site.com/page_tralala.html' .

IMPORTANT : si ce champ est vide, cette zone sera considérée comme désactivité donc non cliquable.

Note : ce champ peut également recevoir des appels de script pour ouvrir un pop-up ou autre, cela en fonction des scripts de votre site.


Cible : définit le mode d'ouverture du lien ( de la page ).

  • Même fenêtre : ouvrira le lien de la carte dans la page actuelle. En Html : '_self'.
  • Nouvelle fenêtre : ouvrira une nouvelle fenêtre par dessus la page actuelle. En Html : '_blank'.
  • Fenêtre pricipale : ouvrira le lien dans la page 'mère', utile dans la cas d'une intégration de cette carte dans un 'iframe'.
    En Html : '_parent'.