SPIP-Contrib

SPIP-Contrib

عربي | Deutsch | English | Español | français | italiano | Nederlands

286 Plugins, 197 contribs sur SPIP-Zone, 203 visiteurs en ce moment

Accueil > Géo, carto, météo > Carte réactive des départements > Plugin image-map des départements

Plugin image-map des départements

22 juin 2010 – par cy_altern – 40 commentaires

68 votes

Un plugin pour afficher la carte de France des départements en image-map (image réactive)

Ce plugin propose un modèle pour afficher une carte de France des départements en image réactive : cf cet exemple http://galactron.org/Utilisation-du...

Installation

Pour récupérer les fichiers de ce plugin vous pouvez :

  • soit utiliser les listes d’installation de /plugins/auto dans la page de gestion des plugins de votre SPIP
  • soit récupérer la version svn ( version de développement ) sur la zone spip :
    svn co svn ://zone.spip.org/spip-zone/_plugins_/imagemap_departements
  • soit télécharger le zip de la dernière version sur http://files.spip.org/spip-zone/

Pour l’installation et l’activation, suivez la procédure standard : cf la documentation officielle

Lors de l’installation il sera créé dans votre base de données une table supplémentaire spip_imap_departements dans laquelle les données des 95 départements métropolitains seront intégrées.

Utilisation

L’ajout de la carte réactive dans un article ou un squelette se fait en utilisant un modèle SPIP : pour plus de précision sur leur fonctionnement, voir la page de documentation des modèles.

Le modèle departements.html mis à disposition dans ce plugin peut donc être appelé :

  • soit dans un article : <departements|parametre1=X|parametre2=Y...>
  • soit dans un squelette : [(#MODELE{departements}{parametre1=X, parametre2=Y, ...})]

Ce modèle propose les paramètres suivants :

  • |redim=...  : le facteur de redimensionnement de la carte (par defaut = 1, ce qui correspond a une carte de 479x434 pixels). Pour une carte plus grande donner une valeur supérieure à 1, pour réduire la taille de la carte donner une valeur inférieure. (NB : les valeurs non-entière peuvent êtres passées indifféremment avec une virgule ou un point comme séparateur)
    Exemples : |redim=0.8 pour une carte réduite à 80% de sa taille par défaut, ou |redim=2 pour doubler la taille de la carte
  • |lien_base=... : l’url des liens sur les départements. Par défaut cette url sera celle de la page en cours (appel de la balise #SELF).
    Exemples : |lien_base=toto.html enverra vers la page toto.html lorsque l’on cliquera sur un département, |lien_base=spip.php ?page=contact permet d’envoyer vers la page contact.html de votre SPIP
  • |lien_param=... : le paramètre de l’url qui passe le numéro de département. Par défaut ce paramètre est depart=..., ce qui donne comme url du lien sur les Bouches du Rhône (si on place ce modèle dans l’article n°123) : .../spip.php ?article123&depart=13.
    Exemple : |lien_param=num donnera des url de liens du style .../spip.php ?article123&num=13
  • |param=nom : permet de passer le nom du département à la place du numéro comme valeur du paramètre |lien_param. On obtient donc par exemple : spip.php ?article123&depart=seine-et-marne à la place de spip.php ?article123&depart=77 (c’est la balise #NOM_WEB qui est utilisée, cf partie « Personnalisations »)
  • |mono=1 : par défaut la carte utilisée est en couleurs, ce paramètre permet d’utiliser une version de la carte en mono-teinte.
  • |aff_region=1 si on souhaite afficher la région en plus du nom du département dans l’info-bulle qui apparait au survol d’un département
  • |bullehtml=1 : par défaut l’info-bulle utilisée est générée par un script JavaScript (Cluetip de jQuery) qui ne permet pas son affichage lors de la navigation au clavier (= pas accessible pour les navigateurs vocaux par exemples). Cette option permet d’utiliser l’info-bulle native HTML qui elle apparait lors de la navigation au clavier.

Personnalisations

Ce plugin est essentiellement fait pour fournir un « fond de carte » à partir duquel on va pouvoir ajouter des données concernant les différents départements.

Les données intégrées lors de l’installation du plugin permettent de disposer des balises suivantes :

  • #NUM_DEPARTEMENT : le numéro du département
  • #NOM : son nom
  • #REGION : sa région de rattachement
  • #NOM_WEB : son nom modifié pour pouvoir être utilisé dans une URL (suppression des accents et des guillemets, remplacement des espaces par un tiret)
  • #COORDONNEES : les coordonnées de l'<area> HTML du département pour la carte à sa taille "par défaut"

Pour personnaliser ce modèle procédez comme pour n’importe quel fichier de squelette : une copie dans le répertoire /squelettes/modeles du fichier imagemap_departements/modeles/departements.html vous permettra de réaliser toutes les bidouilles que vous souhaitez en matière de données à afficher.

Pour ce qui est des infos-bulles, de nombreux paramètres d’affichages sont disponibles : voir la documentation du plugin jQuery Cluetip

Voir en ligne : http://plugins.spip.net/imapdepart

P.-S.

Chaleureux remerciements à Lionel Delvarre (http://www.lion1906.com/) pour avoir bien voulu diffuser sa carte de France avec son image-map sous licence GPL.

Dernière modification de cette page le 16 mars 2016

Retour en haut de la page

Tout afficher

Vos commentaires

  • Le 22 mars à 10:27, par Hanjo En réponse à : Plugin image-map des départements

    Bonjour,

    L’installation de la version 0.2.2 se passe bien (SPIP 3.1.0), mais y après j’ai l’erreur <:avis_operation_echec :>

    Cordialement,

    Répondre à ce message

  • Le 7 janvier 2014 à 17:23, par echo En réponse à : Plugin image-map des départements

    Bonjour
    Superbe plugin merci, juste un soucis avec Val-d’oise, il ne comprends pas l’url, j’ai ça ===>
    Val-d%26%238217%3Boise. C’est donc l’apostrophe qui pose probleme.
    Avez vous une piste ?
    Merci à vous de vos lumières

    Répondre à ce message

  • Le 2 octobre 2013 à 17:07, par mrskater En réponse à : Plugin image-map des départements

    Bonjour,
    lorsque j’installe de manière « classique » le plugin avec le code suivant dans une page :

    [(#MODELE{departements}{aff_region=1})]

    Il n’y a que le département de l’Ain qui fonctionne. Avez-vous une idée du problème ?

    Merci, par avance.

    Répondre à ce message

  • Le 22 juillet 2013 à 13:47, par Francis En réponse à : Plugin image-map des départements

    Bonjour,

    J’ai un problème à l’installation :
    la table « spip_imap_departements » ne se créée pas...
    Du coup, ça marche beaucoup moins bien ;-)

    J’ai du faire une erreur quelque part...

    Peut-être le fait que mes tables ne sont pas préfixées « spip » ?

    Je m’interroge...

    La carte apparaît mais seul le département de l’Ain semble réactif...

    Merci de votre aide

    • Le 22 juillet 2013 à 16:03, par Francis En réponse à : Plugin image-map des départements

      J’ai trouvé, j’étais en SQLite... Ca marche mieux en Mysql...

      Autre problème je voudrais qu’au clis sur un dpt on accède à un page : dptxx.html.
      J’ai du mal avec la syntaxe du « xx ».

      Je suis dans un article et j’écris :

      <departements|mono=1|redim=0,8|lien_param=dpt_id|lien_base=dpt#NUM_DEPARTEMENT>
      et plein d’autre variantes mais pas sans succès...

      Je cherche à obtenir un lien du type « dpt01.html »

    • Le 22 juillet 2013 à 16:15, par Francis En réponse à : Plugin image-map des départements

      J’ai réussi en modifiant HTML dans le modèle...

      C’est fou ! Quand on décrit le problème pour qu’il soit compréhensible par les autres, la solution s’impose d’elle même.

      Merci pour tout et bravo pour le plugin.

      Je vais maintenant essayer de l’adapter pour qu’il soit responsive...

      L’aventure continue...

    Répondre à ce message

  • Le 7 mai 2012 à 02:52, par jmf En réponse à : Plugin image-map des départements

    Bon ben j’y arrive pas...

    Mes articles sont prêts. J’arrive à afficher la carte. Je veux juste associer un article à une entrée de la carte. Et puis là c’est pas clair. Ex : mon article 25=Marseille. Problème : l’associer à l’entrée 13. Je suis passé à côté sans doute...

    HELP !

    • Le 9 mai 2012 à 23:22, par Jmf En réponse à : Plugin image-map des départements

      C’est bon j’ai réussi tout seul (en m’inspirant du forum). En gros j’ai ajouté un champ SQL du type « num_art » en assignant à chaque occurrence le numéro de l’article correspondant au département concerné.

      Ensuite j’ai réussi (je n’y connais rien, paresse oblige) à faire le bon appel dans le sommaire et les articles. Du coup ça marche et on navigue bien mieux sur le site.

      Merci donc.

      Merci aussi à Stephanie de Nadaï pour ses améliorations. (http://www.webdesigneuse.net)

      Jean-Marie Falvet : www.crayghom.com

    • Le 10 mai 2012 à 10:16, par cy_altern En réponse à : Plugin image-map des départements

      ce cas d’utilisation du plugin semble suffisamment intéressant/courant pour que vous puissiez peut être donner quelques explications sur le « branchement » des liens sur les départements avec ce champ num_art (code du modèle entre autre)...
      Merci d’avance !

    • Le 13 mai 2012 à 03:33, par JMF En réponse à : Plugin image-map des départements

      Je veux bien mais je pense que quelques améliorations pourraient être faites préalablement à ce plugin (absolument génial au passage).

      1- Orthographier correctement les départements ou les régions (il manque pas mal de majuscules).

      2- Régler l’inversion entre 65 et 66 (déjà remarquée je crois).

      3- Permettre à l’utilisateur lambda de lier un article à une entrée via par exemple : |lien_art=...

      En attendant, dans « departements.html » ligne 33 j’ai inscrit :

      href=« #URL_SITE_SPIP/spip.php ?article#NUM_ART »

      En ayant, je le rappelle, ajouté un champ « num_art » à la base de données (voir plus haut).

      Les appels dans les squelettes ou dans les articles ne changent pas.

      Pour le reste j’avoue ma parfaite incompétence.

      Jean-Marie Falvet

    • Le 13 septembre 2012 à 13:02, par GezuS En réponse à : Plugin image-map des départements

      Très bien de pouvoir lier des articles aux départements, mais on peut avoir besoin de liens propres au lieu de liens de type spip.php ?article123

      Petite précision pour ceux qui souhaitent avoir une URL « Propre » sur leurs liens des départements, il faut modifier la ligne 33 de departements.html comme suit :

      href=« #URL_ARTICLE#NUM_ART »

    Répondre à ce message

  • Le 15 décembre 2010 à 17:33, par lesouriciergris En réponse à : Plugin image-map des départements

    Bonjour,

    j’ai eu des soucis avec IE7 qui m’affichait le contenu de ’title" en plus de l’infobulles. J’ai résolu le problème en passant sous IE8 et en utilisant la balise « alt » au lieu de « title ».

    Pourriez vous m’indiquer si d’autres que moi ont eu le problème ?

    Merci

    • Le 16 décembre 2010 à 16:20, par lesouriciergris En réponse à : Plugin image-map des départements

      Sous IE7, j’ai trouvé une parade. Je n’utilise pas une balise HTML contenu dans la grammaire W3C.

      Dans le cas présent, j’ai remplacé le paramètre TITLE par TEXTE et modifier l’appel du plugin JQuery pour prendre en compte ce changement.

    • Le 6 février 2012 à 23:04, par fan2spip En réponse à : Plugin image-map des départements

      Bonjour

      Pourriez vous m’expliquer d’avantage l’astuce que vous avez trouvé pour ne pas afficher le title en plus de l’infobulles.
      car j’ai beau cherché je ne trouve pas

      Merci d’avance pour votre aide

      bonne soirée

    Répondre à ce message

  • Le 8 septembre 2011 à 18:59, par Thierry Kauffmann En réponse à : Plugin image-map des départements

    Bonjour,

    il y a manifestement une inversion dans la base de données entre les numéros de départements des Pyrénées-Orientales (66) et des Hautes-Pyrénées (65).

    ... à corriger.

    Sinon très bon plugin, merci

    Répondre à ce message

  • Le 23 juin 2010 à 14:41, par Haqqtiviste En réponse à : Plugin image-map des départements

    bonjour

    erreur à l’install du plugin

    spip 210, Zpip, theme keepitsimple
    plugins divers et variés (gis, google map api, agenda, liste...)

    • Le 23 juin 2010 à 14:45, par Haqqtiviste En réponse à : Plugin image-map des départements

      mais apparement fonctionnement normal quand même.
      avec un signalement dans l’admin des plugins comme quoi il y a un echec à l’install...

    • Le 24 juin 2010 à 22:17, par JLuc En réponse à : Plugin image-map des départements

      Mais... quelquechose m’échappe... comment le fond de carte est il dessiné ? Ou bien : comment les départements sont ils colorés de différentes ciouleurs ??? Il faut fournir une carte de france sur laquelle les maps sont appliquées ? et on peut en changer sur un même site mais selon la carte ? La doc est silencieuse sur ce point pourtant essentiel...

    • Le 26 juin 2010 à 18:25, par cy_altern En réponse à : Plugin image-map des départements

      Heu... je ne comprend pas vraiment la question là... Comme pour toute <map> HTML, celle générée par ce plugin s’applique sur une image (balise <img>) appelée dans le modèle.
      Ce plugin fourni donc 2 cartes de France avec le découpage en département (une avec les départements colorés en une 12aine de couleurs, l’autre en mono-teinte) : voir les fichiers france_departements.png et france_departements_mono.png à la racine du dossier du plugin. Tout est prévu pour que les utilisateurs (webmestre compris) n’aient rien d’autre à faire que de placer le modèle dans les articles ou squelettes...

    • Le 19 juin 2011 à 09:29, par pamillet En réponse à : Plugin image-map des départements

      ce qui serait génial, ce serait d’avoir un fonds de carte neutre qui se colore selon un tableau de chiffres.... (base pour analyses électorales....) Bon, ca change totalement de sujet ?

      pam

    • Le 19 juin 2011 à 15:46, par cy_altern En réponse à : Plugin image-map des départements

      Non, ça ne change pas vraiment de sujet mais simplement de niveau de complexité...
      Pour préciser le problème :

      • tel que livré actuellement ça n’est pas possible (le HTML ne gère pas la coloration des zones d’une <map>)
      • pour arriver à cet objectif on peut en revanche envisager de passer par un fichier SVG (= format XML pour les dessins vectoriels, cf svg ) des départements, fichier généré via une BOUCLE qui permettrait de récupérer un code couleur associé au département.
        Éventuellement (si on veut être compatible tous navigateurs puisque Internet Explorer ne gère pas le SVG « nativement »), on peut même faire générer une image JPG (ou PNG) à partir du SVG en utilisant la bibliothèque ImageMagick (si installée sur le serveur...).

      Moralité : le code de ce plugin est sur la zone, si tu veux faire l’implémentation de cette fonctionnalité supplémentaire, pas de problème pour l’ajouter à l’existant !

    Répondre à ce message

  • Le 29 avril 2011 à 19:22, par dauphin En réponse à : Plugin image-map des départements

    Merci pour ce plugin.
    Je suis cependant béotien et je n’arrive pas à l’exploiter. En effet, quand on clique sur un département il renvoie une adresse du genre
    ... article10&deprt=83.
    Comment accéder à cette adresse et ou mettre les articles correspondant> à ce département ?Merci pour vos lumières...

    Répondre à ce message

  • Le 26 juin 2010 à 21:04, par Loic972 En réponse à : Plugin image-map des départements

    Super plugin mis a part que nous « les dom-tom » sommes toujours oublié..... à croire que nous ne parlons pas français....

    • Le 27 juin 2010 à 13:31, par cy_altern En réponse à : Plugin image-map des départements

      Oui, la carte que j’ai pu récupérer ne comprend malheureusement que les départements métropolitains... je suis bien conscient qu’elle est incomplète !
      Du coup je serais super-content que tu me fournisse une version complétée avec les DOM-TOM ...ou que tu la commit directement sur la zone : le développement de ce plugin est « ouvert » à tous :-)

    • Le 27 juin 2010 à 15:45, par ? En réponse à : Plugin image-map des départements

      Ok sans problème mais tu veux que je t’envoi sa de quel manière ? Car je ne sais pas trop comment ton plugin fonctionne et comment tu gère ta carte donnes moi un peu plus de précision stp et je serais ravi de t’aider si sa rentre dans mes compétence :) je ne suis pas un super pro de spip lol mais je me débrouille.

    • Le 28 juin 2010 à 00:45, par cy_altern En réponse à : Plugin image-map des départements

      super simplement : tu récupère la carte france_departements.png à la racine du dossier de ce plugin, tu ajoute les 3 départements DOM dessus (par exemple à l’Ouest, dans le coin en bas à gauche) puis tu me l’envoie (cy.altern[chez]gmail).
      Attention : si on ne veux pas avoir à reprendre les coordonnées de tous les départements il est important que tu ne modifie pas les dimensions (hauteur x largeur) de cette image !

    • Le 28 avril 2011 à 23:54, par stefdn En réponse à : Plugin image-map des départements

      Je viens de télécharger le plugin (très pratique, merci !) mais il n’y a toujours pas les DOM.

      Alors j’ai mis un peu d’huile de coude et ajouté ça au CSV qui sert à l’installation.

      Une démo et les fichiers (CSV + Cartes PNG & SVG basées sur celle fournie avec le plugin)

    Répondre à ce message

Répondre à cet article

Qui êtes-vous ?

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici Les choses à faire avant de poser une question (Prolégomènes aux rapports de bugs. )
Ajouter un document

Retour en haut de la page

Ça discute par ici

  • Champs Extras 3

    16 janvier 2012 – 523 commentaires

    Ce plugin permet de créer et/ou de gérer des champs supplémentaires dans les objets éditoriaux de SPIP. Il permet donc de prendre en compte et d’afficher de nouveaux éléments dans n’importe quel objet éditorial de SPIP. Screencast Vous n’aimez pas (...)

  • Réservation d’événements

    16 mars 2015 – 188 commentaires

    Ce plugin permet d’offrir aux visiteurs de s’inscrire pour un évènement du plugin Agenda et de gérer les réservations enregistrées. Installation Le plugin s’installe comme n’importe quel plugin. il nécessite : Agenda API de vérification (...)

  • Les crayons

    23 avril 2008 – 815 commentaires

    Ce plugin permet d’éditer les contenus sur les pages publiques du site, sans passer par l’espace privé de SPIP.

  • LESS pour SPIP : Less-CSS (anciennement LESSpip)

    5 novembre 2010 – 43 commentaires

    Less-CSS (Anciennement LESSpip) est un plugin intégrant facilement le logiciel LESS dans SPIP. LESS est une extension de CSS ajoutant les variables, les classes, les opérations, les imbrications au langage. Facilitant ainsi l’écriture de (...)

  • Recommander

    3 avril 2011 – 16 commentaires

    Ce plugin propose une manière simple de suggérer de recommander par email un article à un ami. Fonction « recommander un article à un ami ». On l’ajoute dans n’importe quel squelette sous la forme : #RECOMMANDERtitre de la page,url de la page,intro (...)

Ça spipe par là