jvectormap:如何在创建地图后更改regioncolor

时间:2014-05-07 18:40:22

标签: javascript jquery jvectormap

我尝试在创建地图后更改特定区域的颜色。 后来我想用ajax调用来做,但是现在我只想将这个动作添加到一个按钮。

$('#kleur').click(function(){
    //$('#map').vectorMap('set', 'colors', {US:'#8B0000'})
var map = $('#map').vectorMap('get', 'mapObject');
map.setSelectedRegionStyle('US', '#b2c9cb');
  });

在html中:

 <button id="kleur">Kleur</button>

我试过的其他代码:

$('#map').vectorMap({
    map: 'world_mill_en',
    onRegionClick: function (event, code) {
                var map = $('#map').vectorMap('get', 'mapObject');
                var name = map.getRegionName(code);
                var message = 'You clicked  which has the code: '
                    + code.toUpperCase() + name; //  to json for ajax??

                //console.log('Name: ' + json['properties'][code]['name']);

                alert(message);
            }
    //backgroundColor:'#FFFF00',

    //setBackgroundColor('#FFFF00');

    //$('#map').vectorMap('set','color',{US:'#FFFF00'});

})

我喜欢jvectormap,但教程对我来说太有限了。 我尝试过的所有已找到的示例都在发布的代码中,为了保持概述,我将代码片段作为代码中的注释使用。

非常感谢您的任何帮助!

0 个答案:

没有答案