Google地图无法在javascript弹出窗口中正常显示

我正在使用Google地图API在简单的javascript弹出窗口中显示地图。 当弹出窗口打开时，它将显示如下： Javascript弹出窗口中的地图预览http://122.170.97.189:81/gmap/preview.png我尝试使用Jquery为地图div自动刷新div，如：$（’＃map’）。fadeOut 。（ ‘慢’）负载（）淡入（ “快”）; 它刷新地图div但仍然没有解决问题。 如果我在chrome和firefox中按F12，地图显示正确。

Answer 1

弹出窗口完全加载后，调用谷歌地图代码渲染地图。 你应该在$(document).ready()或者在一些超时（ setTimeout() ）之后调用google.maps.Map() ）。

当创建地图对象时，它会尝试确定canvas有多大，如果弹出窗口没有完全加载但它可能会得到错误的值。