谷歌地图未在 javascript 弹出窗口中正确显示答案

【问题标题】：Google Map is not displaying properly in javascript popup谷歌地图未在 javascript 弹出窗口中正确显示
【发布时间】：2012-02-08 14:51:38
【问题描述】：

我正在使用 Google 地图 API 在简单的 javascript 弹出窗口中显示地图。当弹出窗口打开时，它将显示如下： Map Preview in Javascript Popup http://122.170.97.189:81/gmap/preview.png 我尝试使用 Jquery 为地图 div 自动刷新 div，例如： $('#map').fadeOut('slow').load().fadeIn("fast"); 它刷新了地图 div，但问题仍然没有解决。如果我在 chrome 和 firefox 中按 F12，则地图显示正确。

【问题讨论】：

标签： php javascript jquery google-maps google-maps-api-3

【解决方案1】：

在弹窗完全加载后调用谷歌地图代码来渲染地图。您应该在 $(document).ready() 内或在超时后 (setTimeout()) 调用 google.maps.Map()。

创建地图对象时，它会尝试确定画布有多大，以及弹出窗口是否未完全加载但它可能会得到错误的值。

【讨论】：