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&source=s_q&hl=pt-BR&geocode=&q=40.654471,-7.914153&aq=&sll=41.236676,-8.332331&sspn=0.593802,1.234589&ie=UTF8&ll=40.654471,-7.914153&spn=0.018721,0.038581&t=m&z=14&output=embed"></iframe><br /><small><a href="http://maps.google.pt/maps?f=q&source=embed&hl=pt-BR&geocode=&q=40.654471,-7.914153&aq=&sll=41.236676,-8.332331&sspn=0.593802,1.234589&ie=UTF8&ll=40.654471,-7.914153&spn=0.018721,0.038581&t=m&z=14" target="_blank" style="color:#0000FF;text-align:left">Exibir mapa ampliado</a></small>
[/tab]
[tab name="Y"]
<iframe width="100%" height="auto" src="http://maps.google.pt/maps?f=q&source=s_q&hl=pt-BR&geocode=&q=40.741339,-7.730044&aq=&sll=40.654483,-7.914145&sspn=0.00936,0.01929&g=40.654483,-7.914145&ie=UTF8&ll=40.741339,-7.730044&spn=0.018696,0.038581&t=m&z=14&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&source=embed&hl=pt-BR&geocode=&q=40.741339,-7.730044&aq=&sll=40.654483,-7.914145&sspn=0.00936,0.01929&g=40.654483,-7.914145&ie=UTF8&ll=40.741339,-7.730044&spn=0.018696,0.038581&t=m&z=14" target="_blank">Exibir mapa ampliado</a></small>
[/tab]
[end_tabset]
你是說地圖的中心出現毛刺,或者地圖容器出現毛刺或者兩者都出現?有這個網站的例子嗎? – pp19dd
地圖的中心。重新加載頁面後,當我更改標籤頁,第二個標籤頁(我選擇的那個標籤頁)的地圖時,地圖中心會轉到地圖容器的左角。 – user1511579
某些標籤實現非常不穩定 - 它們銷燬並重新創建HTML。發生這種情況時,谷歌地圖在製表切換重建階段可能不會完全意識到它的幾何形狀。無論如何,在這些情況下的修復通常是JavaScript,手動重置gmap中心並強制重繪。對你而言,下一步將向我們展示這個有問題的HTML,並將其視爲可見的整體。問題太具體,無法提供通用的解決方案。 – pp19dd