JVector Map onRegionClick事件

Question

因此，在JVector地圖中，我需要一個將每個區域鏈接到一個URL的函數。所以如果你點擊南非，它會帶你到一個關於南非的信息頁面。我知道從onRegionClick: function()開始，但從哪裏去，對我來說是一個謎。

Answer 1

那麼，作爲文檔說：

onRegionClick

回調函數將被調用時 點擊區域道路使用者。區域代碼將作爲 參數傳遞給回調。

所以每次點擊一個區域時，該區域的代碼就被傳遞給處理程序。然後，如果代碼是您下一頁所需的全部代碼，則只需在查詢字符串中傳遞即可。

onRegionClick: function (event, code) { 
    window.location.href = "yourpage?regionCode=" + code 
}, 

如果您需要的區域的實際名稱，而不是代碼，有一個方便的方法getRegionName，您可以使用。

var regionName = map.getRegionName(code); 

Answer 2

你可以使用這個網站的身體

<div class="map_jvector"></div> 

和JavaScript

 <script>     
      $('.map_jvector').vectorMap({ 
       map: 'africa', 
       backgroundColor: '#ffffff', 

       onRegionClick:function(event, code){    
         var name = (code);       
          window.location.replace("http://your url address/"+code+""); 
         }, 

       series: { 
       regions: [{ 
        values: gdpData, 
       scale: ['#003471','#009eef', '#0076a3','#0d004c','#f26522','#9e0039'], 
        normalizeFunction: 'polynomial' 
       }] 
       }, 
       onRegionTipShow: function(e, el, code){ 
       el.html(el.html()); 
       } 
      }); 

     </script> 

增減掛鉤 「你的URL地址」 到你的鏈接地址&的 「+代碼+」，是區域JVector地圖，如果您點擊地圖省區域，它將鏈接該地區。