Jvectormap 在 div 变化时非常小

我有两个 div，一个是世界地图，另一个是美国地图。当在世界地图上单击美国时，我想隐藏该 div 并将美国地图带入视图。

这是可行的，但地图很小，即使缩放按钮的位置表明 div 的大小是它应该的大小。

有任何想法吗？

如果我从一开始就将两个 div 设置为“阻止”，那么它们的大小都是正确的，只有在调用代码来切换 div 时才会失败。

onRegionClick: function(event, code){
                        if (code == "US") { openUS('us-map') }
            },

  function openUS(a) {

    document.getElementById("world-map").style.display = 'none';
    document.getElementById(a).style.display = 'block';
  }

这个问题是由于你在隐藏元素上初始化map而导致的，此时隐藏元素的大小无法正确计算。尝试更改您的逻辑，以便在元素变得可见后初始化 jVectorMap。