Jqvmapツールチップが機能しない

私はJQVMap（http://jqvmap.com/）の世界地図を使って世界地図を表示しています。国の上にマウスを置くと、ツールチップが表示されません。これは私のJavaScriptコードです：他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残念ながらいいえ:( – ScoobaSteve

私はこれを修正することができましたが、私はどのように覚えていませんでしたが、作業バージョンをコピーして調整しました。類似しています。http：// jsfiddle.net/brasofilo/xbe5ke6q/' ワールドデータ（ツールチップデータ）を正しく追加する必要があると思います。 –

同じ問題がありました。私が含めるのを忘れたdistフォルダにCSSファイルがあることに気付かなかった。スタイルを追加した後、ズームコントロールとツールチップが表示されました。

出典

2017-06-24 19:19:24 user3861812

私の場合、同じ問題がありましたが、マップはCSSポップアップ幅のZ-インデックスに含まれていました。あなたは高いZインデックスのラベルをフォーマットする必要がありますのでjqvmapからラベルのZ-indexがポップアップから低かった：

.jqvmap-label { 
z-index:999999;

}

出典

2018-01-19 12:30:48 Tom

Jqvmapツールチップが機能しない

答えて

関連する問題