google-maps - Google Maps Javascript API v3，Jquery 选项卡

Question

我已经尝试了所有可能的方法.. 未缩小所有 javascript，仍然无法在选项卡内正确加载地图。

尝试使用此自定义代码也没有成功

jQuery('.tabs-shortcode > ul').bind('tabsshow', function(e, ui) {
           if (ui && ui.panel) {
                          jQuery('.mapp-canvas', ui.panel).each(function() {
                                         var id = jQuery(this).attr('id');
                                         if (id) {
                                                        window[id].resize();
                                         }
                          });
           }

});

网页： http ://bit.ly/UTHskS

在此先感谢，安迪

Answer 1

不过我没有尝试，这段代码可以解决问题。请尝试此代码。

jQuery('.tabs-shortcode > ul').bind('tabsshow', function(e, ui) {
  if (ui && ui.panel) {
    jQuery('.mapp-canvas', ui.panel).each(function() {
      var id = jQuery(this).attr('id');
      if (id) {
        window[id].resize();
      }
      setTimeout(function(){
        if (mapp0) {
          google.maps.event.trigger(mapp0.getMap(), "resize");
        }
      }, 1000);
    });
  }
});

Answer 2

我认为您可能需要在选项卡打开时触发地图的 Resize 事件。

google.maps.event.trigger(map, "resize");