Googleマップが正しく開かれていません

Question

私は自分のプロジェクトでホテルを検索する必要がある作業に取り組んでいます。検索結果リストには、そのホテルの地図を表示するオプションがあります。ここで何が起こるかは、マップが正しくロードされていない地図をクリックすると表示されます。 今私は別のものに印を付けました。ダイアログボックスを閉じてもう一度クリックすると地図が表示されませんが、読み込まれませんが、ダイアログボックスを閉じずに地図を表示しようとすると、マップが完全かつ迅速に表示されます。

ダイアログボックスにjquery-ui-1.8.5.min.jsを使用しています.Googleマップが読み込まれています。誰がどのようにこの問題を並べ替えるために私を案内してくださいすることができ

...

Answer 1

は、私はあなたがポップアップが表示される前に、マップを初期化しようとしていると思います。

Google Mapsコードは、ラッパー要素のサイズを取得しようとします。あなたのポップアップがまだ開いていないときは、すべての子の幅と高さがゼロであるため、Google Mapsは正しく初期化できません。

google.maps.event.trigger(YOUR_MAP_VARIABLE_HERE, 'resize');

ポップアップが表示されたとき、すべてが私は願って素晴らしいだろう...

Answer 2

GoogleマップのAPI V3

使用ドキュメント準備：

ソリューションは、単に使用し、簡単です初期化する前に...

HTML

<div id='map_canvas'></div> 

jQueryの/ JAVASCRIPT

$(document).ready(function() { 
    var myOptions = { 
     zoom: 12, 
     center: new google.maps.LatLng(36.158251, -115.137405), 
     mapTypeId: google.maps.MapTypeId.ROADMAP, 
     disableDefaultUI: true, 
    }; 
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 
});