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

Question

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

谢谢！

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