我有一个使用以下代码创建的jVectorMap
var vmap = $('#world-map').vectorMap({
regionsSelectable: true,
regionsSelectableOne: true,
series: {
regions: [{
scale: ['#cccccc', '#0A6EB4'],
values: datasource
}]
},
onRegionClick: function (event, code) {
// if the value of the clicked region is ==1 do something
},
backgroundColor: '#fff',
focusOn: {
lat: -0.015, lng: 15,
x: 0,
y: 0,
scale: 1.9
}
});
数据源的定义如下:
countriesBgColors1 = {"AF": 1,"AL": 0,"DZ": 1,"AO": 0, ... }
值全为1或0。使用 AJAX
检索数据在onRegionClick函数中,仅当被单击区域的值== 1时,我才想执行代码吗?
除非我遍历整个数据源,否则似乎无法检索它
答案 0 :(得分:1)
我相信答案可能像您想的那样简单。无需在此处循环,因为您正在接收作为对象的数据:
onRegionClick: function (event, code) {
var countryData = countriesBgColors1[code];
switch(countryData) {
case 0:
// do something
break;
case 1:
// do something else
break;
}
},
当您将数据分配到地图系列区域时,以上代码将等效于:
onRegionClick: function (event, code) {
var countryData = vmap.series.regions[0].values[code];
switch(countryData) {
case 0:
// do something
break;
case 1:
// do something else
break;
}
},
希望这会有所帮助。