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

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

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

Answer 2

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

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);
    });
  }
});

Google Maps Javascript API v3，Jquery Tabs

2 个答案: