jqueryアコーディオンを使ってgoogleMapのほとんどを隠す

Question

私は2つのタブを持つアコーディオンウィジェットを持っています。それぞれにGoogleマップがあります。最初のマップが正しく表示されますが、2番目のマップを開くと、マップの一部だけがビューポートに表示されます。

次のコードをコメントアウトしてウィジェットを削除すると、両方のマップが正しく表示されます。

$("#accordion").accordion({ 
     header: "h3", fillSpace: true, event: "mouseover" 
    }); 

マップを正しく表示したままでこのウィジェットを使用するにはどうすればよいですか？

http://forums.asp.net/t/1780781.aspx/1?using+jquery+accordion+hides+most+of+googleMapをチェックしてください。コードを入手するには、このサイトで公開することが大変です。

ありがとう！

Answer 1

アコーディオンの変更イベントを観察し、マップが発生したときにマップのサイズ変更イベントをトリガする必要があります。

例：http://jsfiddle.net/doktormolle/VqzPE/

の例では、アコーディオン・コンテンツのデータ内のマップを保存するので、あなたがかもしれない簡単にアクセスでき、それは時に変更が発生します。