在Facebox中打开Goog​​le地图

Question

我在jQuery Facebox中打开一个编辑公式。在该公式下，有一个谷歌地图，用地理标记器指示给定地址的位置和标记。 不幸的是，地图未显示在面板中。在我的普通页面上，它运行得很好。奇怪的是，我可以在短时间内看到地图的一部分，然后它变成灰色（作为背景）。

我发现了一些帖子，说我应该在facebox的afterReveal事件之后附上地图，就像这样

$(document).bind("afterReveal.facebox", function(){

  var center = new google.maps.LatLng(Globals.DEFAULTLAT, Globals.DEFAULTLNG)
  var options = {
    panControl: false,
    zoomControl: true,
    zoomControlOptions: {
      style: google.maps.ZoomControlStyle.SMALL,
      position: google.maps.ControlPosition.TOP_CENTER
    },
    scaleControl: false,
    streetViewControl: false,
    mapTypeControl: false,
    zoom: 12,
    center: center,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  };

  var venue_map = new google.maps.Map($("#venue_map")[0], options);

  // google.maps.event.trigger(venue_map, 'resize');
});

另一篇帖子告诉我要将调整大小事件触发到会场（google.maps.event.trigger(venue_map, 'resize')，但这也不起作用。

#venue_map的固定宽度和高度为400px。我也玩过div的z-index，没有运气。

希望有人可以帮助我， thx，tux

[编辑：]

这是破碎地图的屏幕截图。它会加载Google Maps徽标，使用条款文本和左侧的小栏。灰色背景是我的facebox之一。

[EDIT2：]

这将是奇怪的。有时，地图显示如下：

Answer 1

是否可能在facebox主体中有一些css定义？