2012-10-17 18 views
5

Kaynağımı görüntülemek istiyorum. Sorunum var: Ülke renklerini değiştirmem gerekiyor ama renkler: ... özellik benim için çalışmıyor. Harita beyazdır ve renkler değişmez.jvectorMap ülke renkleri

Lütfen cevap veriniz. Teşekkürler! Eğer sürüm 1.1.x kullanıyorsanız

<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

hangi sürümü kullanıyorsunuz? o ayarı 'colors' http://jvectormap.com/documentation/javascript- v0.2.3 içinde desteklenmiştir görünüyor api/ama değil v1.0 http://jvectormap.com/documentation/javascript-api-v1/jvm-worldmap/. –

+0

evet ben recongnized teşekkürler! :) –

cevap

12

sonra kod aşağıdaki gibi görünmelidir:

$('#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

Herkesin çalışması için TÜM ülke harflerinin tamamını kullanmam gerekiyordu. Teşekkür ederim! – Chris

2

bjornd çözümü 1.1 için çalışır, ancak ülke kodları olarak HARF olan olduğundan emin olun Aşağıda veya işe yaramaz.

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

Sen (sadece 'ABD' de aynı biçimde döndürülür emin olun belirlenen önceden veya dinamik verilere dayalı, değerlerini doldurmak için kendi nesneleri ayarlayabilirsiniz. '# 0000000' dikkatli olun virgül, bunlar sinir bozucu küçük şeytanlar olabilir!

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

Biraz içerik ekleyebilir misiniz? Bu veri yapısı nereye gidiyor? – ppperry