谷歌地圖不能在裏面FancyBox（lightbox）

我如何獲得一個谷歌地圖加載在Fancybox燈箱裏面？地圖在不在燈箱中時加載正常。我只是使用標準的谷歌地圖的代碼了他們的網站：谷歌地圖不能在裏面FancyBox（lightbox）

<html> 
<body> 
    <div id="map_canvas" style="width:100px; height:100px;"></div> 
</body> 

<script type="text/javascript"> 
    function initialize() { 
    var myLatlng = new google.maps.LatLng(-36.8804280598958, 
174.811848958333); 
    var myOptions = { 
     zoom: 13, 
     center: myLatlng, 
     mapTypeId: google.maps.MapTypeId.ROADMAP, 
     panControl: false, 
     zoomControl: false, 
     scaleControl: true, 
     mapTypeControl: false, 
     scaleControl: false 
    } 
    var map = new 
google.maps.Map(document.getElementById("map_canvas"), myOptions); } 

function loadScript() { 
    var script = document.createElement("script"); 
    script.type = "text/javascript"; 
    script.src = 
"http://maps.google.com/maps/api/js?sensor=false&callback=initialize"; 
    document.body.appendChild(script); } 

window.onload = loadScript; 
</script> 
</html>

來源

2011-07-27 swisstony

可能需要當你打開來調整燈箱。轉到http://jqueryui.com/demos/tabs/並進入最底層。它會談論谷歌地圖。這裏可能是同樣的問題。 – Matt

谷歌地圖不能在裏面FancyBox（lightbox）

回答

相關問題