2012-02-18 6 views
0

(私はこの競合を発見したので、私は質問を変更)紛争(表示:なし)とマップ

http://pedroversolato.com/EASB(ページイムに取り組んで)

私がトグル背景として使用fullscreenedマップを持っていますバインドされたリンクのクリックによってDOMが準備ができたら、マップのdiv(#map_canvas)で.fadeOut関数を呼び出し、リンクをクリックすると、fadeInを呼び出します。それは動作しますが、地図を開くと左上隅の地図の小さな部分しか表示されませんが、GoogleマップではfadeOut()によって使用されるdisplay:noneのコンフリクトが見つかりました

注1:リンク上の地図を開くには、 "contato"リンクをクリックし、地図をクリックしてフルスクリーンマップを開きます

ドリブルする方法はありますか?

答えて

1

私が他のポストで言ったように、あなたはマップ上でサイズ変更を引き起こす必要があります。

最初に、script.jsファイル内で、マップを初期化するすべてのコードを、initialize関数から最後のdocument.ready(#google_mapaでクリックイベントを設定した同じもの)に移動します。次に、$( "#map_canvas")にコールバックを追加します。fadeInとそのコールバックでgoogle.maps.event.trigger(map、 'resize')を呼び出します。

これを行う必要がある理由はfadeIn/fadeOutマップコンテナの表示値を変更します。マップコンテナの表示値は、DOMコンテナに効果的に入り込みます。

+0

)あなたpuckheadをありがとうございます。私が与えてくれるほどの評判はない... –

0

私は同じ問題を抱えていた、トリガーの方法は、サイズ変更は私のために動作しない場合、私はこれを試してみてください。

$( '#map_canvas')CSS({ '不透明':0.0});//隠す

$( '#map_canvas')。css({'opacity':1});// **

その作業罰金を示すが、きれいではありませんでします。

関連する問題