Jqvmap 工具提示不起作用答案

【问题标题】：Jqvmap tooltips not workingJqvmap 工具提示不起作用
【发布时间】：2016-06-22 15:20:42
【问题描述】：

我正在使用 JQVMap (http://jqvmap.com/) 世界视图来显示世界地图。当我将鼠标悬停在国家/地区时，工具提示未显示。这是我的 JavaScript 代码：

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

其他一切正常，只是工具提示不行。不知道这里发生了什么。

【问题讨论】：

我遇到了同样的问题。此外，缩放控件未显示。你找到解决办法了吗？
@anoopchandran 不幸的是没有:(
我设法解决了这个问题。我不记得怎么做了，但我只是复制了一个工作版本并对其进行了调整。我找不到我用于我的项目的确切那个，但这里有类似的东西。 http://jsfiddle.net/brasofilo/xbe5ke6q/我认为你需要正确添加世界数据（工具提示数据）。

标签： javascript jquery tooltip jqvmap

【解决方案1】：

有同样的问题。没注意到，dist 文件夹中有一个 CSS 文件，我忘记包含了。添加样式后，出现缩放控件和工具提示。

【讨论】：

【解决方案2】：

有同样的问题，在我的例子中，地图包含在 css 弹出窗口宽度 z-index 中。 jqvmap 中标签的 Z-index 低于弹出窗口中的值，因此您必须格式化标签以获得更高的 z-index：

.jqvmap-label {
z-index:999999;

}

【讨论】：

哇，谢谢！这终于为我解决了这个问题。

【解决方案3】：

确保您已将 dist/jqvmap.min.css 文件链接到您的项目中。

【讨论】：