谷歌地图不能在Bootstrap UI选项卡中工作

Question

我使用Bootstrap Tabset来包装Bootstrap滑块和谷歌地图及其他页面 但是，滑块工作正常，但谷歌地图不能正常工作，但它在街景视图中完美工作 The googlemap代码可以完美地从其他页面工作 会出现什么错误？

Answer 1

最近我有同样的问题。看起来地图加载不好，因为它无法正确计算大小。

我在第一次显示标签时通过创建地图解决了这个问题。例如：

var _map = null; 

$('#imap').on('shown.bs.tab', function (e) { 
    if (!_map) { 
     // here initialize the map 
    } 
}); 

其中#imap是DIV ID和“shown.bs.tab”是当标签显示