wordpress google maps resize

admin

Administrator
Staff member
i know this is a problem with so many topics here on stack overflow, i find them during my search, however i guess this one is slightly different.

I' using a plugin on wordpress that allows me on a page using tabs to change content.
In an page i have a double tab, which one showing a different google map embed code.
As you may already have figured out my problem, when i change tab the center of the map appears on the left top corner.

I found javascript and jquery solutions, but this is a wordpress page, i can't use that there, so, how can i solve this on my wordpress website?

Thank you!

Edit:

Code:
    [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]