4

データのない地域を地図上でクリックできないように設定したい。それを行う方法はありますか...RegionOverで色の変更を無効にすることに成功しましたが、同じ領域がクリックに応答します(そして領域の色を変更します...)。onRegionOverおよびonRegionClickイベントからpreventDefault()メソッドを呼び出してみました...しかし、それは役に立ちませんでした...助けていただければ幸いです。

ありがとうございました!

4

1 に答える 1

3

返信が遅くなりましたが、次の人に役立つかもしれません。

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
    }
    }
})
于 2013-04-08T13:42:27.023 に答える