谷歌地圖不能在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」是當標籤顯示