jvectorMapa kolorów kraju

Question

Chciałbym zobaczyć moje źródło. Mam problem: muszę zmienić kolory kraju, ale kolory: ... funkcja nie działa dla mnie. Mapa jest biała, a kolory się nie zmieniają.

Proszę odpowiedzieć. Dzięki!

<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', 

     }] 
    } 
    }); 
}) 

Answer 1

Jeśli używasz wersji 1.1.x następnie Twój kod powinien wyglądać tak: rozwiązanie

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

Answer 2

bjornd za prace na 1,1x, więc upewnij się, że kody krajów są w LITERAMI jak poniżej lub nie będzie działać.

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

Answer 3

Można ustawić własne obiekty do wypełnienia wartości, na podstawie wcześniej ustalonych i dynamicznych danych (tylko upewnij się, że jest zwrócony w tym samym formacie co „my”. „# 0000000” Bądź ostrożny z przecinki, mogą być brzydkie małe diabły!

series: { 
    regions: [{ 
     values: fillData, 
     attribute: 'fill' 
    }, 
    { 
     values:opacityData, 
     attribute: 'fill-opacity' 
    }] 
}, 

Answer 4

series: { 
    regions: [{ 
     values: { 
      'IN': '#3e9d01', 
      'CA': '#4b93c1' 
     }, 
     attribute: 'fill' 
    }] 
},