2013-10-20 46 views
2

我使用的插件jqvmap(http://www.jqvmap.com/)改變hoverColor和初始化的地圖:jqvmap通過onLabelShow

var setMap = function (name) { 
    var data = { 
     map: 'world_en', 
     hoverColor: null, 
     hoverOpacity: null, 
     values: { 
      "us": 11, 
      "ca": 33, 
      "ru": 22, 
      ... 
     }, 
     ... 
     showTooltip: true, 
     onRegionOver: function (event, code, region) { 

      //Here is my problem 
      if (code == 'ca' || code == 'us' || ...) data.hoverColor = '#c9dfaf'; 
     }, 
     onRegionOut: function (event, code, region) { 
      data.hoverColor = null; 
     }, 
    }; 

    data.map = name + '_en'; 
    var map = jQuery('#vmap_' + name); 
    if (!map) { 
     return; 
    } 
    map.width(map.parent().parent().width()); 
    map.show(); 
    map.vectorMap(data); 
    map.hide(); 
} 

setMap("world"); 

現在我試圖改變hoverColor,在功能onRegionOver,因爲我只想要hovercolor對於有數據的州來說,但它沒有改變什麼? hoverColor仍然爲空。你能幫我嗎,這有什麼不對嗎?

+0

您是否使用下面的解決方案使用它? – Lexib0y

回答

1

我嘗試了在地圖上,並發現此解決方案:

如果(代碼== 'CA' ||代碼== 'CA')的jQuery( '#VMAP')vectorMap( '設置' ,'colors',{us:'#c9dfaf',ca:#c9dfaf});

我已經在我的地圖上繪製了一個ID爲vmap的div,如你所見。