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

      }]
    }
  });
})


jvectormap
person Kasparas Taminskas    schedule 17.10.2012    source источник
comment
Какую версию ты используешь? Кажется, настройка colors поддерживалась в версии 0.2.3 jvectormap.com/documentation/javascript-api но не в v1.0 jvectormap.com/documentation/javascript-api- v1/jvm-карта мира.   -  person Mads Hansen    schedule 18.10.2012
comment
да, я узнал это, спасибо! :)   -  person Kasparas Taminskas    schedule 19.10.2012

Ответы (4)


arrow_upward
13
arrow_downward

Если вы используете версию 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'
        }
      }]
    }
});
person bjornd    schedule 22.10.2012
comment
Мне нужно было использовать ВСЕ буквы страны, чтобы все работало. Спасибо! - person Chris; 10.01.2018

arrow_upward
2
arrow_downward

Решение bjornd работает для 1.1x, однако убедитесь, что коды стран указаны ЗАГЛАВНЫМИ буквами, как показано ниже, иначе оно не будет работать.

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'
    }
  }]
}
person macca    schedule 29.10.2013

arrow_upward
0
arrow_downward

Вы можете установить свои собственные объекты для заполнения значений на основе заранее определенных или динамических данных (просто убедитесь, что они возвращаются в том же формате в «US»: «# 0000000». Будьте осторожны с запятыми, они могут быть надоедливыми. маленькие дьяволята!

series: {
    regions: [{
        values: fillData,
        attribute: 'fill'
    },
  {
      values:opacityData,
      attribute: 'fill-opacity'
  }]
},
person Chris Merron    schedule 31.07.2014

arrow_upward

arrow_downward

person    schedule
comment
Не могли бы вы добавить контекст? Куда идет эта структура данных? - person pppery; 24.04.2016