Карта Google не отображается должным образом во всплывающем окне javascript

Я использую API карт Google для отображения карты в простом всплывающем окне javascript. Пока всплывающее окно открывается, оно будет отображаться следующим образом: Предварительный просмотр карты в Javascript Popup http://img.ruphp.com/php/preview.png Я попробовал автообновление div с помощью Jquery для map div like: $ ('# map'). FadeOut .. ( 'медленно') нагрузки () FadeIn ( "быстро"); Он обновляет карту div, но проблема еще не решена. Если я нажму F12 в chrome и firefox, карта будет отображаться правильно.

Related of "Карта Google не отображается должным образом во всплывающем окне javascript"

Вызовите код карты Google, чтобы отобразить карту после полной загрузки всплывающего окна. Вы должны вызвать google.maps.Map() внутри $(document).ready() или после некоторого таймаута ( setTimeout() ).

Когда объект карты создается, он пытается выяснить, насколько велик холст, и если всплывающее окно не полностью загружено, оно может получить неправильные значения.