如何更改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>

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个国家,包括美国和俄罗斯,有不同的颜色。我知道它与"colors"函数有关,但我找不到以我需要的方式使用它的源代码。

好吧,我找到了自己的答案,对于任何想知道你可以把它放在哪里的人来说,这里有一个

jQuery(document).ready(function() {
  jQuery('#vmap').vectorMap({ map: 'world_en',
colors:{
    "us": '#4E7387'
},
series: {
  regions: 
  [{
    attribute: 'fill'
  }]
}});
});

最新更新