Jqvmap工具提示不起作用

Question

我正在使用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();
                                                        }
                                                    });
                                                });

​

其他一切都很好，除了工具提示。不知道这是怎么回事。

Answer 1

也有同样的问题。我没有注意到，在dist文件夹中有一个CSS文件，我忘了把它包括进去。添加样式后，将显示缩放控件和工具提示。

Answer 2

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

.jqvmap-label {
z-index:999999;

}

Answer 3

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