0

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

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

4

3 回答 3

3

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

.jqvmap-label {
z-index:999999;

}

于 2018-01-19T12:30:48.933 回答
3

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

于 2017-06-24T19:19:24.027 回答
0

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

于 2020-10-28T06:54:53.883 回答