Google Maps API + Jquery

Question

Google Maps APIで生成された地図をサイトに読み込もうとしています。通常のdiv内に正しく表示されますが、ボタンをクリックするだけで表示したいのですが、それは問題です：jQueryを使用してdivを表示/非表示にしましたが、表示すると地図のほとんどが灰色です：

ここに私のコード：

$(document).ready(function() { 

    $('#div').hide(); 

    $('#button').click(function() { 

     $('#div').show(); 

     return false; 
    }); 
}); 

問題はどこですか？私はあなたの助けに感謝します、ありがとう。

Answer 1

ありがとうございました！

関数displayMap（）{

のdocument.getElementById（ 'DIV'）style.display = "ブロック"：私は最初の数行に、マップスクリプトにこれを追加することによってそれを解決しました。 ;

initialize（）;

私のhtmlへ

}

と、この：

<div id="button" onclick="displayMap()">Show Map</div>

マップが含まれているdiv要素の名前で#div交換し、「地図を表示します"img、text、あなたが望むもので。