データのない地域を地図上でクリックできないように設定したい。それを行う方法はありますか...RegionOverで色の変更を無効にすることに成功しましたが、同じ領域がクリックに応答します(そして領域の色を変更します...)。onRegionOverおよびonRegionClickイベントからpreventDefault()メソッドを呼び出してみました...しかし、それは役に立ちませんでした...助けていただければ幸いです。
ありがとうございました!
データのない地域を地図上でクリックできないように設定したい。それを行う方法はありますか...RegionOverで色の変更を無効にすることに成功しましたが、同じ領域がクリックに応答します(そして領域の色を変更します...)。onRegionOverおよびonRegionClickイベントからpreventDefault()メソッドを呼び出してみました...しかし、それは役に立ちませんでした...助けていただければ幸いです。
ありがとうございました!
返信が遅くなりましたが、次の人に役立つかもしれません。
var states = 'ca,co,tx,ny,ks,mo';
$('#vmap').vectorMap({
map: 'usa_en',
selectedRegion: 'tx',
backgroundColor: '#ffffff',
color: '#E6E7E9',
hoverColor: '#03235E',
enableZoom: false,
showTooltip: true,
onRegionOver: function (event, code, region) {
// if it's not in the approved list, do nothing,
// else allow normal behavior
if (states.toLowerCase().indexOf(code) <= -1) {
event.preventDefault();
}
},
onRegionClick: function (event, code, region) {
// if it's not in the approved list, do nothing, else handle it
if (states.toLowerCase().indexOf(code) <= -1) {
event.preventDefault();
}
else {
//handle state click
}
}
})