Google Map 在 Bootstrap UI 选项卡中不起作用

Question

我使用 Bootstrap Tabset 来封装 Bootstrap 滑块和谷歌地图等页面 然而，滑块工作正常，但谷歌地图不能正常工作，但它在街景中工作完美 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' 是显示选项卡时的引导事件