Blog de comersis.com Cartes du monde Cartes de France  
       



◄ Testez cette carte

explication...

 

 

 


compatible tablettes & smartphones




Les cartes responsives plugin WordPress

 

 

Caractéristiques

Les plugins cartographiques C-map pour WordPress vous permettent d'ajouter une carte interactive dans vos articles ou vos pages. Ces cartes sont cliquables, c'est à dire que chaque zone (région, département, canton...) renvoie vers un lien que vous aurez défini dans l'administration WordPress.
Ces cartes réagiisent au survol de la souris par un effet de couleur (modifiable) et une bulle info avec texte éditable.
Les différentes zones peuvent également être colorées indépendamment au chargement de la page, ou même être désactivées.

NOTE : Ces cartes Javascript n'utilisent pas le langage Flash ®

Les cartes Wordpress sont prêtes à l'emploi.

 

Compatibilité
Chrome
IE 9+
Firefox
Opéra
Safari
à partir de WP 3.81

 

 

 


 

Installation du plugin

Installation via Wordpress

  1. Ouvrez votre administration Wordpress ( 'Connexion' )
  2. Cliquez sur l'onglet 'Extensions'
  3. Tout en haut, cliquez sur le bouton 'Ajouter'
  4. Cliquez ensuite sur 'mettre en ligne une extension au format .zip, via cette page'
  5. Cliquez sur le bouton 'Parcourir' et choisissez le fichier ZIP ( téléchargeable ci-dessous)
  6. Cliquez ensuite sur 'Activer l'extension' et commencez à ajouter la carte à votre site
    en ajoutant dans vos articles et vos pages le shortcode [ lisez-moi.txt ] où vous voulez.
  7. Ben.. y'a pas de 7...

 

Installation en direct via FTP

Vous pouvez également déposer directement le dossier de votre plugin par FTP dans votre repertoire : www/wp-content/plugins/

Rendez vous ensuite dans votre administration et le plugin sera automatiquement détecté par WP.

 

Configuration / paramètres

La carte a été developpée sur WordPress 4.2.1. et 4.2.2 Elle n'utilise pas la librairie Jquery déjà présente dans WordPress.

Dans le fichier paths.js, vous trouverez les paramètres modifiables de votre carte (en rouge):


 CONFIGURATION GENERALE ( aspect générale de la carte )

Parametres plugin Wordpress
var mapfill = "#4EAB92"; couleur du fond de carte
var mapoff = "#DDDDD"; couleur des régions désactivée ( sans Url )
var hover_fill = "#FFEA93"; couleur au survol survol de la souris
var mapstroke = "#333333"; couleur des traits de séparation des régions
var mapstroke_width = 2.5; Epaisseur des traits de séparation de régions
   
var txtfill = "#FFFFFF"; couleur de fond de la bulle texte
var txtstroke = "#000000"; couleur du contour de la bulle texte
var txtfont = "#000000"; couleur des caracteres de la bulle texte

 

 

DIMENSIONS DE LA CARTE

Mode responsive  
var mapWidth = "100%"; Largeur adaptative de la carte
var mapHeight = "100%"; Hauteur adaptative de la carte

 

Mode absolu en pixels  
var mapWidth = 364; Largeur de la carte en pixels
var mapHeight = 385; Hauteur de la carte en pixels (facultatif)

NOTE : pour définir une taille exacte de la carte, indiquez vos chiffre sans les " "

 

 

 

CONFIGURATION DES REGIONS ( identique pour chaque région )

Configuration plugin carte France

title: "Alsace",
 texte affiché dans l'infobulle
coul: "#FFCC00", Couleur spécifiqaue pour une région
url: "http://www.site.com/mapage.php?id=17", lien de la page ou du script au moment du clic
target: "_self", mode d'ouverture du lien ou du script
  • _self = même fenêtre
  • _blank = nouvelle fenêtre
    		•


    Comment désactiver une région ?

    Dans la configuration générale de la carte, il y a le paramètre var mapoff="#CCCCCC",

    Ce paramètre définit la couleur par défaut des régions désactivées, c'est à dire sans clic.

    Pour désactiver une région sur la carte, il suffit de laisser l'adresse Url vide, exemple :

    title: "Alsace",
    coul: "#FFCC00",
    url: "",
    target: "_self",

     

     

    INTEGRATION DE LA CARTE

    Afin de simplifier l'intégration de cette carte dans vos pages et articles, nous avons mis en place un shortcode

    pour intégrer la carte dans vos pages ou vos articles, tapez "[franceregion]" à l'endroit du texte de votre page ou de votre article où vous souhaitez voir apparaître la carte.


    Shortcode

    Widget (menu) ATTENTION: dimensions de la carte de préférence en mode responsive : 100%

     

     

    DEBUG

    Nous comptons beaucoup sur votre retour par mail ou via les commentaires dans notre blog pour améliorer
    ces cartes pour Wordpress.
    Vos idées, vos déceptions, bref dites nous quelle genre de carte interactive vous aimeriez !

     

     

    VERSIONS A VENIR

    • Développement d'une administration par formulaire avec sélecteur de couleurs
      (plus besoin de mettre les doigts dans le code source)
    • Possibilités de colorer chaque région (ou département) indépendamment
    • Développement d'un shortcode avec attributs additionels (paramètres dynamiques)
    • Script de redimensionnement de la carte pour l'adapter à la taille voulue.
      Le redimensionnement de la carte est désormais possible, voir module wp_frdpt

    NOTE : nous préparons actuellement une version Widget de cette carte pour intégrer dans vos menus.

    Vous pouvez dès à présent nous demander d'autres pays ou régions en précisant le type de division souhaité ( provinces, départements, cantons, oblasts, parishes, districts...)

    Wordpress plugin clickable map of Africa Wordpress plugin clickable map of Belgium Wordpress plugin clickable map of France Wordpress plugin clickable map of Tunisia Wordpress plugin clickable map of NetherlandWordpress plugin clickable map of Italy Wordpress plugin clickable map of Slovaki a Wordpress plugin clickable map of United States of America
     
    Δ

    Téléchargement gratuit - version 1.023

    Téléchargez la version 1.023 de la carte des régions de France Wordpress

    Last Update : 13-02-2014

    Verison : Cmap-1023 Beta

     

    Δ

    Support et informations

    support@comersis.com





    Vos commentaires

    

    Commentaires à propos de Wordpress

    DUBOIS - 2017-02-01 14:43:46

    Bonjour, ce module à l'air très bien, mais existe t-il une version avec les nouvelles régions de France ? Et quand est-il au sujet de la sécurité et la compatibilité avec la dernière version de Wordpress ? Merci


    Comersis

    Vous trouverez la version responsive des nouvelles régions de France à cette adresse : Carte régions de France cliquables pour Wordpress


    kartouche - 2015-07-12 10:01:27

    Bonjour, J'ai téléchargé la carte des départements mais le département de l'aisne est désactivé . Comment le réactivé ? Merci


    Comersis

    Il suffit d'ajouter votre lien (adresse url) dans la variable url:""


    comersis - 2014-05-25 13:51:33

    La nouvelle carte de France pour Wordpress est désormais disponible en régions ou en départements.
    Redimensionnable, paramétrables en liens, couleurs, bulle-info et toujours compatible tablettes, sites Web et Smartphones.

    Télécharger le plugin WP France régions

    Télécharger le plugin WP France départements


    Katia - 2014-04-03 17:13:14

    Bonjour Est il possible de colorer spécifiquement les régions ou l'on a mis une URL et laisser les autres régions telles quelles. Je suis en train de faire un site pour nos randonnées équestres et cela permettrait aux internautes de cliquer uniquement sur les régions plus colorées (celles ou il y a une url derrière) et non pas devoir cliquer sur toutes les régions pour voir si elles renvoient ou pas sur une url cdlt


    Comersis

    Bonjour, la version définitive de la carte proposera une coloration au choix, région par région. Il en sera de même pour la carte des départements. De plus, les régions (ou départements) n'ayant pas de lien (url) seront automatiquement désactivés avec une coloration unique paramétrable.


    Benjamin G. - 2014-04-02 16:28:30

    Bonjour Merci pour votre carte interactive très réussi. Pouvez-vous nous indiquer quand la version widget sera disponible ? D'avance merci !


    Comersis

    Début Mai 2014!


    dambo - 2014-04-02 16:27:59

    salut, voila je souhaite avoir un plugin wordpress d'une carte interactive cliquable de l'ALGERIE merci


    djerba - 2014-03-29 11:29:26

    Comment modifier la taille de la carte svp?


    mikk - 2014-03-25 13:50:24

    Bonjour, très belle carte serait il possible d'avoir une version stand alone et pas un plugin wp? Merci


    Comersis

    La version code de cette carte est disponible sur notre site Cmap :
    Carte interactive svg des régions de France


    roro9261 - 2014-03-05 16:49:37

    permettre de centrer la carte dans la page car elle est alignée à gauche par défault


    Comersis

    Le plus sur pour center la carte dans vos pages/articles est de mettre le shortcode dans une div : <div align="center">[franceregion]</div>


    seda - 2014-03-01 20:55:46

    Trés belle extension, l'installation s'est faite trés simplement et tout semble pleinement opérationnel (j'utilise WP 3.8). La béta est prometteuse, il ne manque plus que la fonction de redimensionnement qui serait trés utile. Quand prévoyez vous de la sortir et à quel tarif pensez vous la commercialiser ?


    Comersis

    Début mai 2014.


    smarmion - 2014-02-13 17:03:29

    Les nombreux bugs ont finalement été corrigés. Voici le plug-in Wordpress des régions de France. Nous attendons vos commentaires...


    michael10fr - 2014-01-28 15:14:40

    Bonjour, J'ai essayer tout ce qui marquer avec les commentaires et rien ne marche ? il est impossible de faire fonctionner ce plugin ? avez vous la vrai maniére de le faire marcher s'il vous plais ? Merci


    Ovnis - 2013-06-21 14:32:54

    pour moi ça marche pas... :( avec la version wp 3.5 .1


    eric - 2013-05-24 15:52:36

    rien a faire cela ne fonctionne toujours pas, quelqu'un a t-il trouver la solution ??


    cosmin - 2013-04-08 11:58:59

    in WP Article insert include("wp-content/plugins/Cmap_fr/cmap.php"); and in cmap.php relace include_once dirname( __FILE__ ) . '/frreg_map.php'; with include ('frreg_map.php'); the rest is easy


    Frédéric FRANÇOIS - 2013-01-30 15:03:02

    Bonjour, Ce plug-in est-il toujours d'actualité avec la version 3.5.1 de WordPress ? Je n'arrive pas à le faire fonctionner, certainement parce que je ne fais pas les bonnes manipulations ?? Je ne vois pas comment activer cet "include". Les 2 extensions sont bien activées, mais ça ne fonctionne pas. Si quelqu'un peut m'expliquer plus précisément comment tout cela fonctionne, ça serait très sympathique ! cdt, Fr.F


    zackmo - 2012-10-04 16:01:06

    Gil, Visiblement, la ligne de code fournie est erronée pour la carte, il faut intégrer dans la page: include("wp-content/plugins/Cmap_fr/cmap.php"); Du coup, chez moi ça marche. Mais je n'ai aucune couleur...


    Gil - 2012-10-01 10:48:44

    Après installation Cmap + inline php rien ne fonctionne sous wordpress...


    Stefan - 2012-08-04 11:22:37

    Vos remarques, idées, modifications sur la carte WordPress avant que nous la produisions pour d'autres pays...


     

    

     

    Ajouter un commentaire
    Nom / Pseudo *
    Adresse e-mail *
    Commentaire
     
     

    Si vous envoyez un commentaire pour la première fois sur notre blog, nous vous retournons un e-mail de confirmation avec un lien de validation de votre adresse e-mail. Une fois votre premier commentaire validé, vous pourrez ajouter d'autres commentaires directement sans connexion ni inscription.
    EN AUCUN CAS votre adresse e-mail sera visible ou divulguée à des tiers, pour quelque utilisation que ce soit.