Javascript 带有Google Map API的引导选项卡未完全加载

我正在尝试在引导选项卡中使用GoogleMapsAPI。当地图在第一个选项卡中时，它会正确加载，但出于UI考虑，我必须将其移动到第二个选项卡。当我这样做时，地图没有完成加载。我正在使用一个名为“apptlo”的类来触发第一个选项卡以显示活动。如果我将该类移动到第二个选项卡，我的地图将显示，否则不会显示。如果你们能给我一些想法或者给我指出正确的方向，我会非常感激

代码笔：

内联在线-NM MVD的在线预约计划程序

15:00分钟




预约








选择您的约会类型
以前的
下一个

第一次驾驶执照
第一次头衔
VIN检查
路试
摩托车
路试
指纹

以前的
下一个
在附近找一个MVD现场办公室。
以前的
下一个
要查找附近的MVD服务提供商，请输入您的城市或邮政编码

城市/邮政编码
选择位置：
2546卡米诺恩特拉达
新墨西哥州圣达菲87507
505-476-1599
周一至周五上午8点至下午4点

下一个
以前的
选择日期&；时间
下一个
圣达菲
2546 Camino Entrada Santa Fe，新墨西哥州87507
505-476-1599周一至周五上午8点至下午4点

//Next Button script
      allNextBtn.click(function () {
       //trigger map resize on tab select
        setTimeout(function(){
            google.maps.event.trigger(map, 'resize');           
        },10)
        var curStep = $(this).closest(".setup-content"),
          curStepBtn = curStep.attr("id"),
          nextStepWizard = $('ul.setup-panel li a[href="#' + curStepBtn + '"]').parent().next().children("a"),
          curInputs = curStep.find("input[type='text'],input[type='url']"),
          isValid = true;

        $(".form-group").removeClass("has-error");
        for (var i = 0; i < curInputs.length; i++) {
          if (!curInputs[i].validity.valid) {
            isValid = false;
            $(curInputs[i]).closest(".form-group").addClass("has-error");
          }
        }

        if (isValid)
          nextStepWizard.removeAttr('disabled').trigger('click');
      });