google-maps - Google マップと FancyBox、奇妙なサイズ変更

Question

私はボードを掘り下げて答えを探してきましたが、うまくいきません。住所をジオコーディングし、地図を FancyBox に表示しています。例：

   http://76.12.196.238/~oregon/solarPledge1.html

コードを有効にするには、[マップの確認] リンクをクリックするだけです。最終的にはフォームの内容をプッシュしますが、今のところテスト用にハードコードされたアドレスをプッシュしています。そのため、マップを含み、fancybox によって呼び出されている div を非表示にせず、ページに表示すると問題なく動作します。divを非表示にすると（プログラムのために必要です）、Fancy Boxで開いたときに正しくレンダリングされません。地図の約半分しか表示されていません...残りは灰色です。ブラウザウィンドウのサイズをかろうじて変更すると、それ自体が修正され、正しく表示されます。

マップのサイズ変更だと確信していますが、別の場所で試していますが、結果はありません。私は現在それをファンシーボックスコールに持っています

   'onComplete': function(){
     checkResize();
},

fancybox の呼び出しに関するコードは、ページの下部に表示されます。mapping.js は Google マップから取得されました。これは明らかに FancyBox の問題ですが、どこにあるのかわかりません!