我正在构建一个包含多个选项卡/药丸的网页，这些标签/药丸显示与数据库中的点有关的表和地图。这些标签之一是iframe位置图。默认情况下，此选项卡是隐藏的（显示设置为无）。当用户单击选项卡时，地图应显示。
问题是，当您单击选项卡时，地图偏离中心。我认为这是因为页面加载时会加载具有特定大小的map元素。单击选项卡后，它会调整iframe的大小以填充页面而无需平移地图。
如何做到这一点，以便在单击选项卡时将加载居中？
这是显示问题的gif： https://imgur.com/FFIEWcf
这是一个代码段。
["element 1","element 2",["element 3.1","element 3.2"],"element 4"]