Javascript 未加载选项卡-引导选项卡

我有一个显示位置的页面。我有两个标签，一个是谷歌地图，一个是天气

例如这个位置

但是如果您看到，如果切换到“天气”选项卡，则该选项卡未完全加载。如果我首先激活了天气选项卡，那么googlemaps选项卡就没有完全加载

我做错了什么

代码如下：

  $('#myTab a').click(function (e) {
     e.preventDefault();
     $(this).tab('show');
  });

html

非常感谢你的帮助

    $('a[href="#lage"]').on('shown', function(e) {
        google.maps.event.trigger(map, 'resize');
    });

    $('#myTab a[href="#lage"]').on('shown', function(){
        google.maps.event.trigger(map, 'resize');
        map.setCenter(latlng);
    });

---

在选项卡上调用地图时，需要调整地图的大小

我用另一种方法解决了这个问题

$(function(){
$('#wetter').hide();
 $('#wetteron').click(function (e) {
        e.preventDefault();
        $('#lage').hide();
        $('#wetter').show();
        $('#lageon').parent('li').removeClass('active');
        $(this).parent('li').addClass('active');                                
     });
     $('#lageon').click(function (e) {
        e.preventDefault();
        $('#wetter').hide();
        $('#lage').show();
        $('#wetteron').parent('li').removeClass('active');
        $(this).parent('li').addClass('active');
     });
});

添加html

<li class="active"><a href="#lage" id="lageon">Lage</a></li>
<li><a href="#wetter" id="wetteron">Wetter</a></li>

谢谢，但gmap在不调整大小的情况下运行良好。我需要修复天气插件OpenLayers

<li class="active"><a href="#lage" id="lageon">Lage</a></li>
<li><a href="#wetter" id="wetteron">Wetter</a></li>