Jqvmap工具提示不起作用

时间:2016-06-22 15:20:43

标签: javascript jquery tooltip jqvmap

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




其他一切都运行正常,而不是工具提示。不确定这里发生了什么。

3 个答案:

答案 0 :(得分:2)

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

答案 1 :(得分:0)

有同样的问题,在我的情况下,地图包含在css弹出宽度z-index中。来自jqvmap的标签的Z-index低于弹出窗口,因此您必须格式化标签以获得更高的z-index:

.jqvmap-label {
z-index:999999;

}

答案 2 :(得分:0)

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