Jqvmap Tooltips funktioniert nicht

Ich benutze JQVMap (http://jqvmap.com/) Weltansicht, um eine Karte der Welt zu zeigen. Wenn ich den Mauszeiger über die Länder bewege, werden die QuickInfos nicht angezeigt. Das ist mein JavaScript-Code:Jqvmap Tooltips funktioniert nicht

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(); 
 
                 } 
 
                }); 
 
               });

Alles andere funktioniert gut, nur nicht die Tooltips. Ich bin mir nicht sicher, was hier vor sich geht.

Quelle

2016-06-22 ScoobaSteve

ich das gleiche Problem bekommen. Außerdem werden die Zoom-Steuerelemente nicht angezeigt. Hast du eine Lösung gefunden? –

@anoopchandran leider nicht :( – ScoobaSteve

Ich habe es geschafft, das zu beheben. Ich kann mich nicht erinnern, wie, aber ich habe nur eine funktionierende Version kopiert und optimiert. Ich konnte nicht die genaue finden, die ich für mein Projekt verwendet, aber hier ist etwas ähnlich. 'http: // jsfiddle.net/brasofilo/xbe5ke6q /' Ich denke, Sie müssen Weltdaten (Tooltip-Daten) richtig hinzufügen. –

Hatte das gleiche Problem. Habe nicht bemerkt, dass es eine dist Ordner-CSS-Datei gab, die ich vergessen habe einzubeziehen. Nach dem Hinzufügen von Stilen wurden Zoom-Steuerelemente und QuickInfos angezeigt.

Quelle

2017-06-24 19:19:24 user3861812

Hatte das gleiche Problem, in meinem Fall war die Karte in einer CSS-Popup-Breite Z-Index enthalten. Der Z-Index des Etiketts von jqvmap niedriger war die aus dem Popup, so dass Sie das Etikett für einen höheren Z-Index zu formatieren:

.jqvmap-label { 
z-index:999999;

}

Quelle

2018-01-19 12:30:48 Tom

Antwort

Verwandte Themen