Carte interactive avec module jVectorMap API

Information importante

En raison d'un grand nombre d'inscriptions de spammers sur notre site, polluant sans relache notre forum, nous suspendons la création de compte via le formulaire de "sign up".

Il est néanmoins toujours possible de devenir adhérent•e en faisant la demande sur cette page, rubrique "Inscription" : https://www.drupal.fr/contact


De plus, le forum est désormais "interdit en écriture". Il n'est plus autorisé d'y écrire un sujet/billet/commentaire.

Pour contacter la communauté, merci de rejoindre le slack "drupalfrance".

Si vous voulez contacter le bureau de l'association, utilisez le formulaire disponible ici, ou envoyez-nous un DM sur twitter.

Bonjour !

Je fais appel à vous car je rencontre un problème avec le module jVectorMap API!

Je souhaite générer dans un nœud une carte interactive comme celle-ci :
http://jvectormap.com/maps/countries/france-regions-2016/

J'ai téléchargé la librairie : http://jvectormap.com/download
et le module : https://www.drupal.org/project/jvectormap

Tout est bien installé pas de problème.

Par contre ensuite quand je veux générer ma carte sur un nœud depuis le champs body j'ai essayé de coller plusieurs code mais impossible de faire apparaitre une carte après avoir enregistré !

J'ai lu le readme.txt mais je ne comprend pas tout... Je dois surement faire quelque chose pour que ma carte apparaisse mais quoi exactement ?

Sur la page du projet il y a ceci :

API
Example #1

// file: myModule.module
$form['default-world-map'] = array(
'#theme' => 'jvectormap',
);

// file: myModule.js
(function ($) {
Drupal.behaviors.example = {
attach: function (context, settings) {
$('div#jvectormap-auto-identifier-0').vectorMap();
}
};
})(jQuery);

Example #2

// file: myModule.module
$form['custom-map'] = array(
'#theme' => 'jvectormap',
'#attributes' => array(
'id' => 'custom-world-map', // Optional as one will get auto-generated.
'style' => 'width:300px;height:200px', // Optional - default size 600x400.
),
// Optional as it defaults to jquery-jvectormap-world-mill-en.js
// if it exists in jvectormap libraries folder.
'#map_path' => drupal_get_path('module', 'example') . '/js/custom_world_en.js',
);

// file: myModule.js
(function ($) {
Drupal.behaviors.example = {
attach: function (context, settings) {
$('div#custom-world-map').vectorMap({
map: 'custom_world_en',
});
}
};
})(jQuery);

J'arrive pas à comprendre à quoi servent ces codes et où dois-je les utiliser ?

Comment faire pour que je puisse faire apparaitre ma carte interactive ?

SVP pouvez-vous m'aider à trouver la solution a ce problème ? Merci pour votre aide.

Ou sinon y'aurait-il une autre solution plus simple pour pouvoir intégrer une carte interactive sur un nœud directement depuis le champs body ou un bloc ?

Version de Drupal :