Jqvmap 툴팁이 작동하지 않습니다.

전 세계의지도를 표시하기 위해 JQVMap (http://jqvmap.com/) 세계지도를 사용하고 있습니다. 국가를 가리키면 툴팁이 표시되지 않습니다. , 그냥 툴팁 다른Jqvmap 툴팁이 작동하지 않습니다.

이

jQuery(document).ready(function() { 
 
                jQuery('#vmap').vectorMap({ 
 
                 map: 'world_en', 
 
                 backgroundColor: 'transparent', 
 
                 color: '#4D4D4D', 
 
                 hoverColor: '#F05A23', 
 
                 selectedColor: '#F05A23', 
 
                 showTooltip: true, 
 
                 enableZoom: false, 
 
                 selectedRegions: ['US','CT'], 
 
                 onRegionClick: function(event, code, region) 
 
                 { 
 
                  event.preventDefault(); 
 
                 } 
 
                }); 
 
               });

모든 것이 잘 작동이 내 자바 스크립트 코드입니다. 여기서 무슨 일이 일어나고 있는지 확실하지 않습니다.

출처

2016-06-22 ScoobaSteve

저도 같은 문제를 얻고있다. 또한 줌 컨트롤이 표시되지 않습니다. 솔루션을 찾을 수 있었습니까? –

@anoopchandran no :( – ScoobaSteve

어떻게 수정했는지 기억이 나지 않지만 작업 버전을 복사하여 수정했습니다. 프로젝트에 사용한 정확한 것을 찾지 못했습니다.하지만 여기에 뭔가가 있습니다. 비슷합니다. http : // jsfiddle.net/brasofilo/xbe5ke6q /' 월드 데이터 (툴팁 데이터)를 올바르게 추가해야한다고 생각합니다. –

같은 문제가있었습니다. 내가 포함하지 않은 dist 폴더에 CSS 파일이 있음을 알아 채지 못했습니다. 스타일을 추가 한 후 줌 컨트롤과 툴팁이 나타납니다.

출처

2017-06-24 19:19:24 user3861812

내 경우에는지도가 CSS 팝업 너비 Z- 색인에 포함되어 있습니다. jqvmap에서 레이블의 Z-지수는 더 높은 Z- 인덱스의 레이블을 포맷 할 수 있도록 팝업에서 낮았다 :

.jqvmap-label { 
z-index:999999;

}

출처

2018-01-19 12:30:48 Tom

Jqvmap 툴팁이 작동하지 않습니다.

답변

관련 문제