我正在使用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文件链接到您的项目中。