2013-02-15 3 views
5
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機能でクリックした地域の値を使用する方法を知っているonregionclick? 私はこの地図を使ってウェブサイトの統計情報を提供し、「1000(米国)の視聴回数」のようなものをクリックして警告したいと考えていますJQVMap - データ値を表示する方法は

+0

すでに考えられていたとにかく; – lexith

+0

それは何でしたか?ソリューション ? :) – Rad

+0

私はちょうど私の答えを掲載しました。それが役に立てば幸い。 – lexith

答えて

7

私のコメントでは、しかし、この小さな問題を抱えている人にとっては、私のソリューションを投稿するだけです。 ラベルに表示する文字列を追加するだけです。

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

願っています。

+0

ありがとうaeresそれが役立ちます – Rad

関連する問題