Twitter bootstrap 在引导选项卡上调整Google标记群集映射的大小单击

我在这里尝试了几种不同的回答，但都没有成功

从标题中，您可以猜到启动选项卡何时打开，映射需要调整大小，因为加载时的映射为0x0，我不知道如何使其工作

我目前的尝试包括在下面，但没有得到任何结果

加载热点数据 //这里显示了一些信息 //这将启动第二个选项卡 var脚本=； document.writescript； 函数初始化{ var center=new google.maps.LatLnglat，lng；//这些来自一些php变量 var map=new google.maps.Mapdocument.getElementById'map'{ 缩放：10， 中心:中心,， mapTypeId:google.maps.mapTypeId.ROADMAP }; var tab=jQuery'.tabs'[1] jQuerytab.one'click'，函数{ google.maps.event.triggermap，“调整大小”； map.setCentercenter }; var热点=[ [ASU研究园，33.3428，-111.8975，'2'，'204'，'28'，'Maricopa'，'Arizona'，'L283889']， ['Chaparral Park'，33.5110032，-111.906631，'7'，'1'，'1'，'Maricopa'，'Arizona'，'L357429'] //更多的结果在这里 var标记=[]； 对于变量i=0；i

 <div id="map-canvas" style="width:100%;height:677px;" />

---

我想我找到了这个

显示选项卡后，必须初始化地图

对我来说，这很有效：

var map;
$('a[data-toggle="tab"][href="#maptab"]').on('shown.bs.tab', function(e) {
    if (map == undefined) {
        // initialize map code here
        map = new google.maps.Map(...);
    }
});

---

当然，请正确设置选项卡ID。

我建议您先不要使用引导选项卡。如果一切正常，则合并引导选项卡在没有选项卡的情况下工作…这是我的第一步..使其正常工作，然后将其添加到选项卡，但存在此问题…谷歌地图中有一些规则，当您不遵守时，可能会断开或导致地图无法显示在您的页面中。看看这个，看看常见的陷阱。我说错了，不是什么都没显示出来，而是地图大小不正确…这是地图屏幕截图的链接也许你应该在这个问题上添加引导标签。这不是高度问题，我在主体和div元素上同时显示高度和宽度。参见屏幕截图i.imgur.com/KkhbeUw.jpg你试过了吗？事实上，我遇到了同样的问题，并退出使用引导选项卡，我的项目最终改为不使用选项卡实现。所以我并没有努力解决这个问题。祝你好运我在这篇文章中担任主角以备将来参考，