谷歌地圖Javascript API v3，jquery標籤

我試過一切可能.. unminified所有JavaScript，仍然無法獲得地圖加載正確的標籤內。谷歌地圖Javascript API v3，jquery標籤

嘗試沒有成功過使用自定義代碼

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

在此先感謝，安迪

來源

2012-11-22 user1357598

這裏是另一種解決方案，不幸的是，但可能會提供一些見解..這不會幫助，因爲問題不是地圖或插件。問題是選項卡控件不會觸發tabsshow事件。讓我們嘗試此相反，它應（希望）更正選項卡控制和解決這兩個問題： 1）\t刪除我給你下面 2）\t在你custom.js文件更改此自定義代碼：的jQuery（」 .tabs-shortcode> ul'）。tabs（{fx：{opacity：'toggle'，duration：150}}）; 到 jQuery（'。tabs-shortcode'）。tabs（{fx：{opacity：'toggle'，duration：150}}）; – user1357598

我想你可能需要的選項卡中打開時觸發Resize事件的地圖。

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

來源

2012-11-22 17:09:17 wf9a5m75

非常感謝你，但我不知道如何將這個應用於我的具體情況。如果你可以對實際的代碼更改更詳細一些，我將非常感激。安迪 – user1357598

哦，你正在使用一個詞按插件的地圖。那麼，我正在閱讀文檔.... – wf9a5m75

實際上現在我正在使用一個iframe，如果你可以看看修訂後的代碼..現在的問題是，地圖未被居中放置到地標... – user1357598

雖然我沒有嘗試，但是這段代碼可以解決這個問題。請嘗試此代碼。

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-22 18:20:41 wf9a5m75

好的，我確實嘗試過，但不幸仍然是同樣的問題:( – user1357598

谷歌地圖Javascript API v3，jquery標籤

回答

相關問題