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]+')');
  }
});

它显示的 map 如下:

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

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

谁能帮帮我吗..

Answer 1

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