2012-10-17 90 views
5

我想查看我的源碼。 我有問題:我需要更改國家顏色,但顏色:...功能不適用於我。 地圖是白色的,顏色不會改變。jvectorMap國家顏色

請回答。 謝謝!

<script> 
jQuery.noConflict(); 
jQuery(function(){ 
    var $ = jQuery; 

    $('#focus').click(function(){ 
    $('#map1').vectorMap('set', 'focus', 'LT'); 
    }); 
    $('#map1').vectorMap({ 
    map: 'world_mill_en', 
    focusOn: { 
     x: 0, 
     y: 0, 
     scale: 1 
    }, 
    colors:   { 
        IN:'#33250B', 
        dk:'#000FFF', 
        kp:'#33250b', 
        ir:'#3f4114', 
        iq:'#525252', 
        pk:'#654511', 
        uz:'#69681c', 
        tm:'#48470d', 
        eg:'#654906', 
        az:'#083803', 
        tj:'#410a0a', 
        kg:'#545353', 
        sy:'#654511', 
        jo:'#33250b', 
        kz:'#654511', 
        lk:'#525252', 
        US:'#000000', 
            }, 
    series: { 
     regions: [{ 
     scale: ['#C8EEFF', '#0071A4'], 
     normalizeFunction: 'polynomial', 

     }] 
    } 
    }); 
}) 

+1

你在使用的版本?似乎設置'colors'在v0.2.3 http://jvectormap.com/documentation/javascript-支持api /但不是在v1.0 http://jvectormap.com/documentation/javascript-api-v1/jvm-worldmap/。 –

+0

是的,我肯定它謝謝!:) –

回答

12

如果你使用1.1.x版本的,然後你的代碼應該是這樣的:

$('#map1').vectorMap({ 
    map: 'world_mill_en', 
    focusOn: { 
     x: 0, 
     y: 0, 
     scale: 1 
    }, 
    series: { 
     regions: [{ 
     values: { 
      IN:'#33250B', 
      dk:'#000FFF', 
      kp:'#33250b', 
      ir:'#3f4114', 
      iq:'#525252', 
      pk:'#654511', 
      uz:'#69681c', 
      tm:'#48470d', 
      eg:'#654906', 
      az:'#083803', 
      tj:'#410a0a', 
      kg:'#545353', 
      sy:'#654511', 
      jo:'#33250b', 
      kz:'#654511', 
      lk:'#525252', 
      US:'#000000' 
     } 
     }] 
    } 
}); 
+0

我需要把所有的國家信件全部大寫。謝謝! – Chris

2

bjornd的解決方案適用於1.1倍,但確保國家代碼是大寫的在下面或它不會工作。

series: { 
    regions: [{ 
    values: { 
     IN:'#33250B', 
     DK:'#000FFF', 
     KP:'#33250b', 
     IR:'#3f4114', 
     IQ:'#525252', 
     PK:'#654511', 
     UZ:'#69681c', 
     TM:'#48470d', 
     EG:'#654906', 
     AZ:'#083803', 
     TJ:'#410a0a', 
     KG:'#545353', 
     SY:'#654511', 
     JO:'#33250b', 
     KZ:'#654511', 
     LK:'#525252', 
     US:'#000000' 
    } 
    }] 
} 
0

您可以設置自己的對象來填充值,根據預先確定的或動態數據(只是確保它在「美國」相同的格式返回:「#0000000」要小心逗號,也可以是討厭的小鬼子!

series: { 
    regions: [{ 
     values: fillData, 
     attribute: 'fill' 
    }, 
    { 
     values:opacityData, 
     attribute: 'fill-opacity' 
    }] 
}, 
0
series: { 
    regions: [{ 
     values: { 
      'IN': '#3e9d01', 
      'CA': '#4b93c1' 
     }, 
     attribute: 'fill' 
    }] 
}, 
+0

您可以添加一些上下文嗎?這個數據結構在哪裏? – ppperry