我知道这是堆栈溢出问题,这里有这么多主题,我在搜索过程中找到了它们,但是我想这个有点不同。
我在 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]