Как изменить цвета страны JVectorMap v1.2.0

Я нашел код для изменения цвета страны следующим образом:

colors = {};
colors['ca'] = '#A4D886';
colors['ru'] = '#FCECA2';
colors['cn'] = '#F9573B';
colors['us'] = '#87CEEB';
colors['jp'] = '#34BD0E';
colors['au'] = '#BCC7FC';
colors['kz'] = '#D4624E';
colors['de'] = '#34BD0E';

но куда мне его положить?

Здесь?

<script type="text/javascript">
jQuery(document).ready(function() {
  jQuery('#vmap').vectorMap({ map: 'world_en',});
});
</script>

Or

jQuery.fn.vectorMap = function (options) {

var defaultParams = {
  map: 'world_en',
  backgroundColor: 'black',
  color: '#f4f3f0',
  hoverColor: '#c9dfaf',
  selectedColor: '#c9dfaf',
  scaleColors: ['#b6d6ff', '#005ace'],
  normalizeFunction: 'linear',
  enableZoom: true,
  showTooltip: true,
  borderColor: '#818181',
  borderWidth: 1,
  borderOpacity: 0.25,
  selectedRegions: null,
  multiSelectRegion: false,
  onRegionClick: function(element, code, region)
{
    var message = 'You clicked "'
        + region
        + '" which has the code: '
        + code.toUpperCase();

    alert(message);
}
}, map = this.data('mapObject');

Я просто хочу, чтобы 10 стран, включая США и Россию, имели разные цвета. Я знаю, что это как-то связано с функцией «цвета», но я не могу найти исходный код, который использует ее так, как мне нужно.


person MLG Questions    schedule 04.12.2015    source источник


Ответы (1)


Хорошо, я нашел свой собственный ответ, для тех, кто задается вопросом, где вы можете его разместить, вот один

jQuery(document).ready(function() {
  jQuery('#vmap').vectorMap({ map: 'world_en',
colors:{
    "us": '#4E7387'

},
series: {
  regions: 
  [{
    attribute: 'fill'
  }]
}});
});
person MLG Questions    schedule 04.12.2015