JQVMap - 将区域设置为禁用/不可选择答案

【问题标题】：JQVMap - Setting regions as disabled/unselectableJQVMap - 将区域设置为禁用/不可选择
【发布时间】：2013-04-08 21:42:27
【问题描述】：

我想在地图中设置禁止点击数据的区域。有什么办法可以做到这一点...我已经成功禁用了对RegionOver的颜色更改，但是相同的区域仍然响应单击（并更改区域的颜色...）。我尝试从 onRegionOver 和 onRegionClick 事件调用 preventDefault() 方法...但它没有帮助... 将不胜感激。

谢谢！

【问题讨论】：

标签： javascript jquery jqvmap

【解决方案1】：

回复较晚，但也许这可以帮助下一个人。

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
    }
    }
})

【讨论】：

在 1.5.0 版本中，您可能需要 return false; 而不是 onRegionClick 中的 event.preventDefault();