jvectormap区域颜色

Nav*_*ron 7 javascript maps jquery jquery-plugins jvectormap

我正在使用jvectormap插件,我正在尝试设置地图上每个区域的颜色.但是,在应用下面的代码后,将显示地图,但不应用任何颜色.它只显示白色的地图.

我已经阅读了关于这个问题的多个例子和问题,但我似乎无法让它为我工作.

在地图上设置随机颜色的示例1.

文档

我的类似问题,但它并没有解决我的问题.

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'
      }]
    }
});
Run Code Online (Sandbox Code Playgroud)

有谁能看到这个问题?

mg1*_*075 13

这是我认为你试图做的一个工作样本.

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);
})();
Run Code Online (Sandbox Code Playgroud)

本实施例中建立关对jvectormap现场两个例子:
1. http://jvectormap.com/maps/countries/australia/
2. http://jvectormap.com/examples/random-colors/

小提琴包括来自网站的jvectormap 1.1文件.另请注意,网站上的随机颜色示例使用jvm.世界地图.