2012-09-10 54 views
0

我知道這是一個關於堆棧溢出這麼多議題的問題,我在我的搜索過程中發現它們,但我猜這個有點不同。wordpress谷歌地圖調整大小

我'在wordpress上使用插件,允許我在頁面上使用標籤來更改內容。 在一個頁面中,我有一個雙選項卡,其中一個顯示不同的谷歌地圖嵌入代碼。 正如你可能已經想出了我的問題,當我改變標籤,地圖的中心出現在左上角。

我找到了javascript和jquery解決方案,但是這是一個wordpress頁面,我不能在那裏使用,所以,我怎麼能在我的wordpress網站上解決這個問題?

謝謝!

編輯:

[tab name="X"] 

  

<iframe width="100%" height="auto" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.pt/maps?f=q&amp;source=s_q&amp;hl=pt-BR&amp;geocode=&amp;q=40.654471,-7.914153&amp;aq=&amp;sll=41.236676,-8.332331&amp;sspn=0.593802,1.234589&amp;ie=UTF8&amp;ll=40.654471,-7.914153&amp;spn=0.018721,0.038581&amp;t=m&amp;z=14&amp;output=embed"></iframe><br /><small><a href="http://maps.google.pt/maps?f=q&amp;source=embed&amp;hl=pt-BR&amp;geocode=&amp;q=40.654471,-7.914153&amp;aq=&amp;sll=41.236676,-8.332331&amp;sspn=0.593802,1.234589&amp;ie=UTF8&amp;ll=40.654471,-7.914153&amp;spn=0.018721,0.038581&amp;t=m&amp;z=14" target="_blank" style="color:#0000FF;text-align:left">Exibir mapa ampliado</a></small> 

[/tab] 
[tab name="Y"] 

&nbsp; 

<iframe width="100%" height="auto" src="http://maps.google.pt/maps?f=q&amp;source=s_q&amp;hl=pt-BR&amp;geocode=&amp;q=40.741339,-7.730044&amp;aq=&amp;sll=40.654483,-7.914145&amp;sspn=0.00936,0.01929&amp;g=40.654483,-7.914145&amp;ie=UTF8&amp;ll=40.741339,-7.730044&amp;spn=0.018696,0.038581&amp;t=m&amp;z=14&amp;output=embed" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe> 
<small><a style="color: #0000ff; text-align: left;" href="http://maps.google.pt/maps?f=q&amp;source=embed&amp;hl=pt-BR&amp;geocode=&amp;q=40.741339,-7.730044&amp;aq=&amp;sll=40.654483,-7.914145&amp;sspn=0.00936,0.01929&amp;g=40.654483,-7.914145&amp;ie=UTF8&amp;ll=40.741339,-7.730044&amp;spn=0.018696,0.038581&amp;t=m&amp;z=14" target="_blank">Exibir mapa ampliado</a></small> 

[/tab] 
[end_tabset] 
+0

你是說地圖的中心出現毛刺,或者地圖容器出現毛刺或者兩者都出現?有這個網站的例子嗎? – pp19dd

+0

地圖的中心。重新加載頁面後,當我更改標籤頁,第二個標籤頁(我選擇的那個標籤頁)的地圖時,地圖中心會轉到地圖容器的左角。 – user1511579

+0

某些標籤實現非常不穩定 - 它們銷燬並重新創建HTML。發生這種情況時,谷歌地圖在製表切換重建階段可能不會完全意識到它的幾何形狀。無論如何,在這些情況下的修復通常是JavaScript,手動重置gmap中心並強制重繪。對你而言,下一步將向我們展示這個有問題的HTML,並將其視爲可見的整體。問題太具體,無法提供通用的解決方案。 – pp19dd

回答

1

我找到的JavaScript和jQuery的解決方案,但是這是一個WordPress的頁面,我不能使用,有

我個人使用了一個名爲「內嵌插件Javascript插件「,它允許你直接在Wordpress頁面輸入javascript代碼/ post