Question

我想在地图中设置区域，而不禁止点击数据。有没有办法做到这一点...我已经成功地在onRegionOver上禁用了颜色变化，但是相同的区域仍然响应了click（并改变了区域的颜色......）。我尝试从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
    }
    }
})

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

1 个答案: