我尝试在创建地图后更改特定区域的颜色。 后来我想用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,但教程对我来说太有限了。 我尝试过的所有已找到的示例都在发布的代码中,为了保持概述,我将代码片段作为代码中的注释使用。
非常感谢您的任何帮助!