1

私は可能な限りすべてを試しました..すべての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

前もって感謝します、アンディ

4

2 に答える 2

0

タブが開いたときにマップに対して Resize イベントをトリガーする必要があると思います。

google.maps.event.trigger(map, "resize");
于 2012-11-22T17:09:17.213 に答える
0

私は試しませんでしたが、このコードは問題を解決します。このコードを試してください。

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);
    });
  }
});
于 2012-11-22T18:20:41.220 に答える