在Facebox中打开Google Map

我在jQuery Facebox中打开编辑公式。在这种形式下，有一个Google地图，它用地理编码器指出给定地址的位置和一个标记。不幸的是，地图没有显示在facebox中。在我的正常页面上，它效果很好。奇怪的是，我可以在短时间内看到地图的一部分，然后变成灰色（作为背景）。在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'); 
});

另一篇文章叫我resize事件触发会场（google.maps.event.trigger(venue_map, 'resize')，但这也不行。

的#venue_map拥有400像素的固定宽度和高度。我也玩的股利，没有运气的z-index的。

希望有人能帮助我， THX，TUX

[编辑：]

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

[EDIT2：]

这将是奇怪的。有时，地图显示如下： Borken Google Maps in Facebox

来源

2011-05-26 23tux

是否有可能有一些css定义的内容在facebox正文？

来源

2011-05-27 09:15:06

thx，为您的答案。我检查了CSS，并在那里为我的团队中另一个人添加的每个div的样式添加...：D解决了！ – 23tux 2011-05-27 12:21:39

在Facebox中打开Goog​​le Map

回答

相关问题

在Facebox中打开Google Map