問題 JavaScriptでのタブ切り替えと、Google Maps の地図の表示を組み合わせた画面を作っています(Google Maps APIを使ってます)。 非表示のタブに地図の表示をしようとすると、タブを選択したときの地図の表示がおかしいです。 どうするとちゃんと表示されるでしょうか。 答え 初期化時点で地図のコンテナとなるdiv要素が非表示だと、コンテナの大きさが取得できないのか、何かがうまくいかないらしい。 対策はいくつか考えられる。 タブをクリックしたときに初期化処理をする方式 何かおかしくても初期化だけはしておいて、タブをクリックされたときに再描画を依頼する方式。 display:none; ではなくて、別の方法で隠すと大丈夫だったりするらしい(未確認) タブをクリックしたときに初期化処理をする方式 タブがクリックされて地図のコンテナのdiv要素が表示状態になってから、初期
![Google Mapsで地図用コンテナを非表示にして地図を初期化すると表示がおかしい at softelメモ](https://cdn-ak-scissors.b.st-hatena.com/image/square/a1be793a5caaab3b6c59654a53956f2b0e87cd57/height=288;version=1;width=512/https%3A%2F%2Fwww.softel.co.jp%2Fblogs%2Ftech%2Fwordpress%2Fwp-content%2Fuploads%2F2013%2F05%2Fgoogle-maps-error-300x228.png)