특정 국가에 걸려있을 때 빈 세계지도의 국기를 강조하십시오.

Question

전 세계지도에서 국가 강조 표시를 위해 jVectormap 플러그인을 사용하고 있습니다. 지금 나의 질문이 시사하는 바대로 나는 특정 국가가 넘어서게 될 때 국가의 깃발을 보여주고 싶다.

전 세계지도에 대한 이미지 매핑을하고 싶지 않습니다. 그래서 그 해결책을 게시하지 마라. 나는 그럴 시간이 없다는 것을 실현 가능한 해결책으로 생각하지 않는다.

누군가이 플러그인을 사용하여이 기능을 수행했다면, svg, google maps, js 뭐든지 도와주세요.

유료 플러그인이있는 경우에도 알고 싶습니다. 나는 2 일간 수색했다. 그러나 나는 그런 기능을 아직 경험하지 못했습니다.

Answer 1

code 영역을 사용하여 국가 플래그에 대한 URL을 구성한 다음 label을 사용자 지정하는 기능을 onRegionLabelShow에 제공 할 수 있습니다.

$(function() { 
    $('#map').vectorMap({ 
     onRegionLabelShow: function(event, label, code) 
     { 
      label.html(label.html()+ 
      '<br><img src="'+getFlagImgSrc(code)+'" height="20">'); 
     } 
    }); 

    /* 
    * Constructs a URL for a country flag image on Flags Of The World 
    * using the ISO-3166 Digraph 
    */ 
    function getFlagImgSrc(code) 
    { 
     return 'http://www.fotw.us/images/'+ 
       code.toLowerCase().substring(0,1)+ 
       '/'+ 
       code.toLowerCase()+ 
       '.gif'; 
    }  

});​ 

렌더링 된 라벨이 국가 플래그를 보는 방법의 예 할 때 지역을 통해 당신은 마우스 :