如何在将光标放在弹出窗口中显示的世界地图的任何区域上时显示区域名称和Gdp值？

Question

我正在使用JvectorMap创建世界地图。

我的代码是这样的：

var gdpData = {
  "AF": 16.63,
  "AL": 11.58,
  "DZ": 158.97,
  ...
};
$('#world-map-gdp').vectorMap({
  map: 'world_mill_en',
  series: {
    regions: [{
      values: gdpData,
      scale: ['#C8EEFF', '#0071A4'],
      normalizeFunction: 'polynomial'
    }]
  },
  onRegionLabelShow: function(e, el, code){
    el.html(el.html()+' (GDP - '+gdpData[code]+')');
  }
});

它显示如下地图：

在上面的地图中，如果我将光标放在俄罗斯REGION上，它会显示一个工具提示国家名称及其Gdp计数值，如俄罗斯（GDP-1476.91）

我在其他地方添加了一个按钮，然后单击显示相同世界地图的弹出窗口中的btton im显示弹出窗口。 但是在弹出窗口中如果我将光标放在任何区域上，它就不会显示具有GDP值的国家名称..

任何人都可以帮助我..

Answer 1

检查您的地区名称z-index，它可能小于弹出窗口z-index，这会导致隐藏区域名称。