Affichage des données de pays/état dans jVectorMap

Question

Je dois avouer que je suis nouveau sur jQuery et JS mais j'aime vraiment les choses sympas que vous pouvez faire avec jVectorMap. Mais jusqu'ici je n'ai pas réussi à ajouter une chose: Sur mouseover/hover normalement le nom de l'état ou du pays est montré. Est-il possible d'ajouter les données associées (par exemple, la valeur du PIB)? Et/ou est-il possible d'ajouter une légende avec les valeurs de couleurs des pays/états? Merci beaucoup! En utilisant data visualization example, vous pouvez ajouter une fonction de rappel pour afficher la valeur associée pour le code d'état choisi. Claus

Answer 1

Donc, si vos données avaient l'air:

var gdpData = {"ca":34.56 ...} 

Ensuite, vous pouvez faire quelque chose comme ...

$('#map').vectorMap({ 
    colors: colors, 
    hoverOpacity: 0.7, 
    hoverColor: false, 
    onLabelShow: function(event, label, code){ 
     label.text(label.text() + " (" + gdpData[code] + ")"); 
    } 
});