jquery - iframe nyromodal レイヤー内の IE8 で Google マップが正しくレンダリングされない

Question

ニロモーダル iframe レイヤー内で Google マップをレンダリングしようとしています。

Chrome と Firefox では問題なく動作しますが、IE8 では奇妙な問題があります。最初の読み込みでは問題なく動作します。しかし、レイヤーを閉じて同じページで再度開いた後、マップは false にレンダリングされます。ほとんどの場合、グレーのタイルのみが表示され、そのすべてのコンテンツが次のようにランダムに飛び散ります。

キャッシュをクリアしてリロードすると、マップは再び機能しますが、1 回だけです。

Answer 1

問題は、Google API が既にマップをレンダリングしようとしているのに、nyromodal が完全に開くまでに時間がかかるという事実にある可能性があります。したがって、すべてのリソースがロードされる前にタイムアウトがあり、オプションを完全に開くことができるため、キャッシュをクリアするときに機能します。

したがって、タイムアウトを適用してナイロモーダルを完全にロードするには、iframe でマップを初期化します。

$(document).ready(function () {

 /* set up your map */

 setTimeout(
   function() {
     initalizeYourMap();
 },
 1000);

});