jqvMap Custom Tooltips

Question

다른 jqvMap 사용자 정의 도구 팁 항목이 이미 답변되었지만 그 해결책이 나에게 효과가 없다는 것을 알고 있습니다. 내가 가진 다른 주제에 대한 코드를 사용하여 시도

jQuery(document).ready(function() { 
    jQuery('#vmap').vectorMap({ 
     map: 'usa_en', 
     enableZoom: true, 
     showTooltip: true, 
     selectedColor: null, 
     hoverColor: null, 
     backgroundColor: '#fffff', 
     colors: { 
     fl: '#016ea1', 
     ma: '#016ea1', 
     md: '#016ea1', 
     wa: '#016ea1', 
     mn: '#016ea1', 
     ny: '#016ea1', 
     wi: '#016ea1', 
     hi: '#016ea1', 
     vt: '#016ea1', 
     nv: '#016ea1', 
     ia: '#016ea1', 
     ca: '#016ea1', 
     or: '#016ea1', 
     nj: '#016ea1', 
     }, 
onRegionClick: function(element, code, region) 
{ 
     window.location = 'http://google.com/' + region; 

}, 
      onLabelShow: function(event, label, code) { 
       if (states.toLowerCase().indexOf(code) <= -1) { 
        event.preventDefault(); 
       } else if (label[0].innerHTML == "Colorado") { 
        label[0].innerHTML = label[0].innerHTML + " - The state where I live!!"; 
       } 
      }, 
    }); 
    }); 

는 "onLabelShow"일부 것은, 그러나 그것은 단지 내 툴팁 전체 사라지게 :

여기에 jQuery를 내 현재 jqvMap 코드입니다. 이것에 대한 해결책은 무엇입니까?

감사합니다.

링크 : 브라우저 콘솔을 살펴 경우 https://github.com/manifestinteractive/jqvmap (jqvMap 문서) Custom Tooltips JQVMap (다른 주제)

Answer 1

당신은 states 변수가 전혀 정의되지 않은 것을 볼 수 있습니다. 도구 팁이 존재하지 않는 상태에 나타나지 않도록하려면 states을 정의해야합니다. 그렇지 않으면 첫 번째 if 문을 제거하십시오. onLabelShow가 보일 것입니다 좋아하는이 :

onLabelShow: function(event, label, code) { 
     states =["fl","ma","md","wa","mn","ny","wi","hi","vt","nv","ia","ca","or","nj"]; 
     if (states.indexOf(code) <= -1) { 
      event.preventDefault(); 
     } else if (label[0].innerHTML == "Florida") { 
      label[0].innerHTML = label[0].innerHTML + " - The state where I live!!"; 
     } 
    }, 
}); 

당신은 작업 예제에게 도움이 Here

희망을 찾을 수 있습니다.