Wordpress を使用する私の Web サイトにはタブ プラグイン (WP-UI タブ、アコーディオン、スライダー) があり、2 つのタブには Google マップが埋め込まれたコードがあるため、Javascript 関数を使用する必要があります (私のプラグインでは許可されないため、jQuery ではありません)。 it) マップの中心が左上隅に移動しないように、2 番目のマップのサイズを強制的に変更します。
では、JavaScript を使用して、特定のタブでサイズ変更マップを呼び出しているかどうかを確認する場合はありますか?
<script type="text/javascript">
google.maps.event.trigger(map, "resize");
});
</script>
トリガーの前に が必要if
ですが、そこに何を配置すればよいかわかりません。
タブコードは次のとおりです。
[wptabs type="accordion" mode="horizontal"]
[wptabtitle] Map 1[/wptabtitle] [wptabcontent]
Google マップの埋め込みコードは次のとおりです。
[/wptabcontent]
[wptabtitle] Map 2[/wptabtitle] [wptabcontent]
これがGoogleマップ2コードの埋め込みです。
[cf]js[/cf] //this is to call the js function
[/wptabcontent]
[/wptabs]
更新されたコード:
Firefoxは私にこれを示しています:
<div id="wp-accordion-1" class="wp-accordion wpui-light wpui-styles"></p>
<p><h3 class="wp-tab-title"> Place A</h3> <div class="wp-tab-content"><div class="wp-tab-content-wrapper"></p>
<p>Coordenadas GPS:<br />
Latitude: Norte<br />
Longitude: Oeste</p>
<p> </p>
<p><iframe src="http://maps.google.pt/maps?f=q&source=s_q&hl=pt-BR&geocode=&q=42.654471,-2.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" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="auto"></iframe><br />
<small><a style="color: #0000ff; text-align: left;" 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">Large Map</a></small></p>
<p></div></div><!-- end div.wp-tab-content --></p>
<p><h3 class="wp-tab-title"> Place B</h3> <div class="wp-tab-content"><div class="wp-tab-content-wrapper"></p>
<p> </p>
<p> </p>
<p><script type="text/javascript">
document.write("yoooo!");
google.maps.event.trigger(map, "resize");
document.write("yoooo!");
});
</script></p>
<p>Coordenadas GPS:<br />
Latitude: Norte<br />
Longitude: Oeste</p>
<p> </p>
<p><iframe src="http://maps.google.pt/maps?f=q&source=s_q&hl=pt-BR&geocode=&q=35.541329,-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" width="100%" height="auto"></iframe><br />
<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">Large Map</a></small><br />
</div></div><!-- end div.wp-tab-content --></p>
<p></div><!-- end div.wp-tabs -->