在Facebox中打开Goog​​le Map

问题描述

| 我正在jQuery FaceBox中打开一个编辑公式。在该公式下，有一个Google Map，可通过地址解析器使用标记来指示给定地址的位置。 不幸的是，地图没有显示在面板中。在我的正常页面上，效果很好。奇怪的是，我可以在短时间内看到地图的一部分，然后变成灰色（作为背景）。 我发现了一些帖子，说我应该在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，没有运气。 希望可以有人帮帮我， 礼服 [编辑：] 这是破碎地图的屏幕截图。它会加载Google Maps徽标，使用条款文本和左侧的小栏。灰色背景是我的面部表情之一。 [Edit2：] 这将很奇怪。有时，地图显示如下：     

解决方法

Facebox主体中的内容是否可能有一些CSS定义？