これは、スタック オーバーフローに関する非常に多くのトピックの問題であることはわかっています。検索中にそれらを見つけましたが、これは少し異なると思います。
タブを使用してページでコンテンツを変更できるプラグインをワードプレスで使用しています。ページには二重のタブがあり、別の Google マップの埋め込みコードが表示されています。あなたはすでに私の問題を理解しているかもしれませんが、タブを変更すると、マップの中心が左上隅に表示されます。
javascript と jquery のソリューションを見つけましたが、これはワードプレスのページです。そこでは使用できません。ワードプレスの Web サイトでこれを解決するにはどうすればよいですか?
ありがとうございました!
編集:
[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]