※ ChatGPTを利用し、要約された質問です（原文：Ajaxのタブパネルの中にgoogle mapの埋め込みをすると中央が）
Ajaxのタブパネルでgoogle mapの埋め込みをすると中央がずれる問題
このQ&Aのポイント
Ajaxのタブパネルの中にgoogle mapの埋め込みをすると中央が制作時と異なり、アンカーが見えないくらいずれて表示される問題についてです。タブの外では問題ありませんので、タブのせいだと思っているのですが、解決方法を教えてください。
使用しているものはSpryTabbedPanelsで、各タブにリンクできるタイプです。問題のソースコードも記載しました。
解決策がわからないため、どうすれば良いのかアドバイスをお願いします。
Ajaxのタブパネルの中にgoogle mapの埋め込みをすると中央が
Ajaxのタブパネルの中にgoogle mapの埋め込みをすると中央が制作時と異なり、アンカーが見えないくらいずれて表示されます。プログラムについて知識が無いのですが、タブの外では問題ありませんので、タブのせいだと思っているのですが、どうなのでしょうか？
何をどうしたら良いのでしょうか？どうかご指南下さい。
使用しているもの
SpryTabbedPanelsで、各タブにリンクできるタイプです。
SpryTabbedPanels.js - version 0.6 - Spry Pre-Release 1.6.1
<div class="TabbedPanels" id="tp1">
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTab" tabindex="0">会社概要</li>
<li class="TabbedPanelsTab" tabindex="1">設備</li>
<li class="TabbedPanelsTab" tabindex="2">アクセス</li>
</ul>
<div class="TabbedPanelsContentGroup">
<div class="TabbedPanelsContent">
<div class="inside">
省略
google mapのリンク機能のソース<iframe width="480" height="350" frameborder="0"・・・・・を使用しています。
</div>
</div><!--/TabbedPanelsContent-->
</div><!--/TabbedPanelsContentGroup-->
</div>
<script language="JavaScript" type="text/javascript">
var parm = new Object();
parm['t'] = 0; // 無指定時のデフォルト
if(location.search.length > 1) { // URLlからの指定値取り出し
var val = location.search.substr(1).split("&");
for(var i = 0; i < val.length; i++) {
var t = val[i].split("=");
parm[t[0]] = eval(t[1]);
}
}
var tp1 = new Spry.Widget.TabbedPanels("tp1", { defaultTab: parm['t'] });
</script>
宜しくお願い致します。
お礼
アドバイスありがとうございます。 私もdisplay:noneの既知問題を読んだのですが、リンク機能のＵＲＬにはdisplay:noneは記載されていないのです。 googleの登録が面倒でＡＰＩでなくリンクで済ませていたのですが、きちんとＡＰＩでやって、既知問題をクリアした方が良いのですかね？ ありがとうございました。