我使用了插件jqvmap ( http://www.jqvmap.com/ )并初始化了一个映射:
var setMap = function (name) {
var data = {
map: 'world_en',
hoverColor: null,
hoverOpacity: null,
values: {
"us": 11,
"ca": 33,
"ru": 22,
...
},
...
showTooltip: true,
onRegionOver: function (event, code, region) {
//Here is my problem
if (code == 'ca' || code == 'us' || ...) data.hoverColor = '#c9dfaf';
},
onRegionOut: function (event, code, region) {
data.hoverColor = null;
},
};
data.map = name + '_en';
var map = jQuery('#vmap_' + name);
if (!map) {
return;
}
map.width(map.parent().parent().width());
map.show();
map.vectorMap(data);
map.hide();
}
setMap("world");现在,我试图在函数hoverColor中更改onRegionOver,因为我只想对有数据的状态进行悬空颜色,但是它没有改变什么?hoverColor仍然是空的。你能帮帮我吗,这有什么问题吗?
发布于 2014-09-11 18:58:09
我在地图上试了一下,找到了这样的解决方案:
如果(代码为‘== 'ca’x code == 'ca') jQuery('#vmap').vectorMap('set','colors',{us:'#c9dfaf',ca:#c9dfaf});
我已经让它在我的地图上工作,这是一个带有ID的div,如你所见。
https://stackoverflow.com/questions/19478059
复制相似问题