推迟谷歌地图初始化,直到显示引导标签

我已经研究了很多,似乎很多人在这里遇到了和我一样的问题,但是我无法弄清楚如何修复它.

基本上我正在隐藏的bootstrap选项卡中初始化谷歌地图.当我点击药丸使标签可见时,只显示地图的一小部分.

从我收集到的,这是因为地图正在隐藏元素中初始化.所以我需要在标签变得可见之后初始化地图.

我已经尝试过,我已经尝试过,但我无法正确使用代码.任何帮助都将是宏伟的 - 我如何使地图仅在标签可见后执行？

提前致谢

    

      

    
    

    
    

        
        
    

        

        
2 个回答
        

                        

                
您应该能够将处理程序附加到Bootstrap选项卡show事件.

$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
    initialize();
});


工作演示:http://bootply.com/102241

        
                

                    
2023-02-08 14:23  回答
                    
   春_来_茶_馆5
                
            
                        

                
http://bootply.com/102479

在地图选项卡链接中添加ID,以便更容易识别.显示相应的选项卡内容时触发地图调整大小事件.

这样,地图仅初始化一次,而前一个答案不是这种情况.

请注意,您需要在initialize函数之外定义map变量.

        
                

                    
2023-02-08 14:24  回答
                    
   a734839433
                
            
                    
    
    
    

        
撰写答案
        

            

                

                    回答问题...