javascript - examples - colores de la región jvectormap

jvectormap mexico

Question

Estoy usando el plugin jvectormap , y estoy tratando de establecer los colores de cada una de las regiones en el mapa. Sin embargo, después de aplicar el código a continuación, se muestra el mapa, pero sin colores aplicados. Simplemente muestra el mapa en blanco.

He leído múltiples ejemplos y preguntas sobre este tema, pero parece que no puedo hacer que funcionen para mí.

Ejemplo 1 de establecer colores aleatorios en un mapa.

Documentación

Una pregunta similar a la mía, sin embargo, no resuelve mi problema.

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''
      }]
    }
});

¿Alguien puede ver el problema?

Answer 1

Aquí hay una muestra de trabajo de lo que creo que estás intentando hacer.

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);
})();

Este ejemplo se basa en dos ejemplos en el sitio jvectormap:
1. http://jvectormap.com/maps/countries/australia/
2. http://jvectormap.com/examples/random-colors/

El violín incluye el archivo jvectormap 1.1 del sitio. También tenga en cuenta que el ejemplo de colores aleatorios en el sitio usa jvm. WorldMap .

Answer 2

El código siguiente ha sido editado para corregir los errores de sintaxis en el código publicado.

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''
      }]
    }
});

Los guiones sin unir (el antónimo más cercano al encapsulado que puedo reunir) dentro de las claves del objeto causan un error de sintaxis. El error en sí es para una etiqueta no válida.