javascript - 如何在将光标放在弹出窗口中显示的世界地图的任何区域上时显示区域名称和 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]+')');
  }
});

它显示这样的地图：

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

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

谁能帮我请..

Answer 1

检查您的 region name z-index，它可能小于您的 popup z-index，这导致 region name 被隐藏。