JQVMap - 如何显示数据值onregionclick

问题描述：

var setMap = function (name) { 
     var data = { 
      map: 'world_en', 
      backgroundColor: null, 
      borderColor: '#333333', 
      borderOpacity: 0.5, 
      borderWidth: 1, 
      color: '#c6c6c6', 
      enableZoom: true, 
      hoverColor: '#c9dfaf', 
      hoverOpacity: null, 
      values: sample_data, 
      normalizeFunction: 'linear', 
      scaleColors: ['#b6da93', '#909cae'], 
      selectedColor: '#c9dfaf', 
      selectedRegion: null, 
      showTooltip: true, 
      onLabelShow: function (event, label, code) { 

      }, 
      onRegionOver: function (event, code) { 
       if (code == 'ca') { 
        event.preventDefault(); 
       } 
      }, 
      onRegionClick: function (element, code, region) { 
       var message = 'You clicked "' + region + '" which has the code: ' + code.toUpperCase(); 
       alert(message); 
      } 
     }; 

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

任何人都知道如何使用onRegionClick函数中点击区域的值？我使用此地图提供网站统计信息，并希望在点击时发出类似于“美国（美国）的1000次视图”的提示。JQVMap - 如何显示数据值onregionclick

已经算出来了......无论如何;） – lexith 2013-02-15 14:37:03

它是什么？解决方案？ :) – Rad 2013-04-09 21:43:14

我刚刚发布我的答案。希望能帮助到你。 – lexith 2013-04-10 23:45:10

答

正如我在我的评论中所说的，我在问了问题后发现了解决方案，但对于那些有这个小问题的人，我也只是发布我的解决方案。您只需将要显示的字符串追加到标签。

onLabelShow: function (event, label, code) { 
    if(sample_data[code] > 0) 
     label.append(': '+sample_data[code]+' Views'); 
}

希望它有帮助。

谢谢aeres它有帮助 – Rad 2013-04-12 00:35:21

JQVMap - 如何显示数据值onregionclick

相关推荐