讓一個div的內容（GoogleMap的）全屏

IAM試圖讓一個按鈕，將打開的GoogleMap的div進入全屏.. 這是我現在有直到，但它不能正常工作.. 問題是：的地圖只會加載一半的代碼如下，並且屏幕截圖爲讓一個div的內容（GoogleMap的）全屏

我該如何修復？哪裏有問題？由於事先

http://img32.imageshack.us/img32/9365/halfload.gif

<html> 
<head> 
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> 
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> 
<script type="text/javascript"> 
    function initialize() { 
    var latlng = new google.maps.LatLng(-34.397, 150.644); 
    var myOptions = { 
     zoom: 8, 
     center: latlng, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 
    var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 
    } 

function fs() { 
    var elem = document.getElementById("map_canvas"); 
elem.style.position="absolute"; 
elem.style.width="100%"; 
elem.style.height="100%"; 
elem.style.top="0px"; 
document.body.style.overflow = "hidden"; 

} 

</script> 
</head> 
<body onload="initialize()"> 
    <div id="map_canvas" style="width:400px; height:300px"></div> 
    <a href="#" onclick ="fs()">makefullscreen</a> 
</body> 
</html>

來源

2010-05-21 lena2211

您需要重新初始化它已經最大化後的地圖...這裏是代碼：

<html> 
<head> 
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> 
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> 
<script type="text/javascript"> 
    function initialize() { 
    var latlng = new google.maps.LatLng(-34.397, 150.644); 
    var myOptions = { 
     zoom: 8, 
     center: latlng, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 
    var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 
    } 

function fs() { 
    var elem = document.getElementById("map_canvas"); 
elem.style.position="absolute"; 
elem.style.width="100%"; 
elem.style.height="100%"; 
elem.style.top="0px"; 
document.body.style.overflow = "hidden"; 

} 

</script> 
</head> 
<body onload="initialize()"> 
    <div id="map_canvas" style="width:400px; height:300px"></div> 
    <a href="#" onclick ="fs(); initialize();">makefullscreen</a> 
</body> 
</html>

希望這有助於大風

來源

2010-05-21 19:32:13 geshafer

GEShafer !!!! 非常感謝您這真的做到了這個工作... 很棒 – lena2211 2010-05-21 19:41:28

讓一個div的內容（GoogleMap的）全屏

回答

相關問題