Question

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

＆＃13;

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

＆＃13;

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

Answer 1

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

Answer 2

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

.jqvmap-label {
z-index:999999;

}

Answer 3

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

Jqvmap工具提示不起作用

3 个答案: