使用jquery tabify时，Google地图无法正常工作

Question

我有3个标签，其中一个标签是Google地图标签。如果没有制表，我会正确地获得Map，但是当我将其列表时，地图会被加载，但尺寸不正确，灰色区域会更加突出。单击选项卡时，我累于触发调整大小，但这也没有帮助。我正在使用地图V3。

Answer 1

在未选中的标签中使用带有地图的标签时，Google Maps API会在加载地图时遇到困难。理想情况下，它需要加载视口可见并且大小正确。

使用制表符执行此操作的方法是在选中制表符后加载地图（即在选项卡的选定事件上）。这也意味着您只需要在选中标签时加载它，但缺点是浏览页面的人不会立即看到它。