javascript jquery - couleurs de la région jvectormap




1 Answers

Voici un échantillon de travail de ce que je pense que vous essayez de faire.

http://jsfiddle.net/3xZ28/34/

(function() {
    var myCustomColors = {
        'AU-SA': '#4E7387',
        'AU-WA': '#333333',
        'AU-VIC': '#89AFBF',
        'AU-TAS': '#817F8E',
        'AU-QLD': '#344B5E',
        'AU-NSW': '#344B5E',
        'AU-ACT': '#344B5E',
        'AU-NT': '#344B5E'
    };

    map = new jvm.WorldMap({
        map: 'au_merc_en',
        container: $('#ausie'),
        backgroundColor: '#eff7ff',
        series: {
            regions: [{
                attribute: 'fill'
            }]
        }
    });

    map.series.regions[0].setValues(myCustomColors);
})();

Cet exemple génère deux exemples sur le site jvectormap:
1. http://jvectormap.com/maps/countries/australia/
2. http://jvectormap.com/examples/random-colors/

Le violon inclut le fichier jvectormap 1.1 du site. Notez également que l'exemple Random Colors sur le site utilise jvm. WorldMap .

vmap france

Im en utilisant le plugin jvectormap , et j'essaie de définir les couleurs de chacune des régions sur la carte. Cependant, après avoir appliqué le code ci-dessous, la carte est affichée mais aucune couleur n'est appliquée. Il montre juste la carte en blanc.

J'ai lu plusieurs exemples et questions sur ce sujet, mais je n'arrive pas à le faire fonctionner pour moi.

Exemple 1 de définition de couleurs aléatoires sur une carte.

Documentation

Question similaire à la mienne, mais cela ne résout pas mon problème.

jQuery('#mapDiv').vectorMap({
    map: 'au_merc_en',
    backgroundColor: 'none',
    colors: {
        AU-SA: '#4E7387',
        AU-WA:'#333333',
        AU-VIC:'#89AFBF',
        AU-TAS:'#817F8E',
        AU-QLD:'#344B5E',
        AU-NSW:'#344B5E',
        AU-ACT:'#344B5E',
        AU-NT:'#344B5E'

    },
    series: {
      regions: 
      [{
        attribute: 'fill'
      }]
    }
});

Quelqu'un peut-il voir le problème?




Related

javascript jquery jquery-plugins maps jvectormap