jVectorMap changer de couleur

Je suis en train de configurer une carte des états-unis, j'ai chuté dans un jVectorMap, mais ne peut pas obtenir la couleur de changement, peu importe ce que je fais.

J'ai essayé de mettre en œuvre mon problème en jsfiddle mais il ne veut pas faire quelque chose là-bas. Sur mon ordinateur une carte génère, mais les couleurs ne changent pas.

http://jsfiddle.net/rsRnj/

Le pluging je suis en utilisant: http://jvectormap.com/

N'importe qui ont des idées pourquoi je ne peux pas changer l'état de couleurs?

Ou, si il y a un facile à utiliser la carte, je prendrais cette recommandation. En gros, je veux juste un clic mesure de carte sur ma page avec des couleurs et des effets de survol.

MODIFIER
Essayer différents types de cartes de la bibliothèque de maintenant, nous afficherons les résultats lorsque vous avez terminé

jvectormap devrait fonctionner; réponse ajouté ci-dessous.

OriginalL'auteur Andrew Walters | 2012-09-16

  1. 15

    Peut-être ré-envisager de revenir avec jvectormap? Si je comprends votre objectif correctement, jvectormap devrait fonctionner correctement.

    1. Sur le jvectormap site, la version 1.0 est en cours d'utilisation.

      http://jvectormap.com/examples/world-gdp/

      http://jvectormap.com/js/jquery-jvectormap-1.0.min.js https://raw.github.com/bjornd/jvectormap/master/jquery-jvectormap.js (dernière version)
      http://jvectormap.com/js/jquery-jvectormap-us-aea-en.js

    2. Il semble que votre violon liens vers le github de la page web au lieu d'un véritable fichier js. Aussi, il n'y a pas besoin d'ajouter des balises dans la section javascript de votre violon. http://doc.jsfiddle.net/basic/introduction.html#javascript

    3. Essayez d'afficher la source sur le site d'exemples, et aussi d'examiner la carte du Monde de la section 1.0 de l'api: http://jvectormap.com/documentation/javascript-api-v1/jvm-worldmap/

    exemple de travail

    Ici est un fork de votre violon qui semble répondre à vos besoins en matière de couleurs, puis cliquez sur événements:

    http://jsfiddle.net/bQ78b/1/ 

    $(function() {
    $('#usMap').vectorMap({
        map: 'us_aea_en',
        hoverColor: false,
        hoverOpacity: 0.5, 
        onRegionClick: function(e, code){
            alert( code.replace("US-", "") );
        }, 
        regionStyle: {
        initial: {
          fill: '#128da7'
        },
        hover: {
            fill: "#A0D1DC"
          }
      }
    });
});

    Espère que cela aide...

    +1 pour le regionStyle: code!

    OriginalL'auteur mg1075

  2. 0

    Fini par aller avec cette option à la place: http://newsignature.github.com/us-map/

    La jVector la carte a l'air sympa si vous avez des données de superposition, mais je veux juste que chaque etat de lien vers un autre endroit sur le site.

    OriginalL'auteur Andrew Walters