在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