Php Google地图在javascript弹出窗口中显示不正确

Php Google地图在javascript弹出窗口中显示不正确,php,javascript,jquery,google-maps,google-maps-api-3,Php,Javascript,Jquery,Google Maps,Google Maps Api 3,我正在使用GoogleMapAPI在简单的javascript弹出窗口中显示地图。当弹出窗口打开时,它将显示如下: 我尝试使用Jquery对map div自动刷新div,如下所示: $('#map').fadeOut('slow').load().fadeIn(“fast”); 它刷新了map div,但问题仍然没有解决。 如果我在chrome和firefox中按F12,地图显示正确 在弹出窗口完全加载后,调用google maps代码渲染地图。您应该在$(document.ready()内部调

我正在使用GoogleMapAPI在简单的javascript弹出窗口中显示地图。当弹出窗口打开时,它将显示如下: 我尝试使用Jquery对map div自动刷新div,如下所示: $('#map').fadeOut('slow').load().fadeIn(“fast”); 它刷新了map div,但问题仍然没有解决。
如果我在chrome和firefox中按F12,地图显示正确

在弹出窗口完全加载后,调用google maps代码渲染地图。您应该在
$(document.ready()
内部调用
google.maps.Map()
,或者在某个超时(
setTimeout()
)之后调用


创建地图对象时,它会尝试计算画布有多大,如果弹出窗口未完全加载,它可能会得到错误的值。

在弹出窗口完全加载后调用google maps代码渲染地图。您应该在
$(document.ready()
内部调用
google.maps.Map()
,或者在某个超时(
setTimeout()
)之后调用

创建map对象时,它会尝试计算画布有多大,如果弹出窗口未完全加载,它可能会得到错误的值