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

당신은 "+ 코드 +"의 영역에 귀하의 링크 주소 &이 html 몸

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

및 자바 스크립트

 <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지도,지도 지역을 클릭하면 해당 지역을 연결하게됩니다.