Question

我找到了一些代码来改变国家/地区的颜色：

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个国家拥有不同的颜色。我知道它与“颜色”有关。功能但我无法找到使用它的源代码。

Answer 1

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

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

},
series: {
  regions: 
  [{
    attribute: 'fill'
  }]
}});
});

如何更改JVectorMap国家颜色v1.2.0

1 个答案: