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

其他一切都可以正常工作,而不是工具提示。不知道这里发生了什么。

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

有相同的问题,在我的情况下,该地图包含在CSS弹出宽度Z index中。JQVMAP标签的z索引较低,因此您必须格式化较高z索引的标签:

.jqvmap-label {
z-index:999999;

}

确保已将DIST/JQVMAP.MIN.CSS文件链接到您的项目中。

最新更新