HTML5全屏API和DIV的

Question

因此，我正在使用Google地圖創建地理定位器工具。雖然您可以在頁面上設置標記，但我想讓Google地圖div全屏顯示。

經過一番簡短的研究，我發現http://demosthenes.info/blog/708/Introducing-the-HTML5-FullScreen-API，它提供了全屏API的開始。我用

的JavaScript是與提供該頁面，它是：

<script> 
function cancelFullScreen() { 
if (document.exitFullscreen) { 
document.exitFullscreen(); 
} else if (document.mozCancelFullScreen) { 
document.mozCancelFullScreen(); 
} else if (document.webkitExitFullscreen) { 
document.webkitExitFullscreen(); 
} else if (document.msExitFullscreen) { 
document.msExitFullscreen(); 
} 
</script> 

現在，地圖DIV被設定爲50％寬度，450像素高度，使它看起來在屏幕上體面的，並當我全屏時，它仍然被設置爲父div的高度/寬度，所以div的實際大小不會改變。

有沒有辦法改變地圖的高度/寬度，以便它會使用瀏覽器的高度/寬度而不是父div？

Answer 1

你想在「全屏模式」下瀏覽器會顯示完整的MAP嗎？

試試這個代碼來處理

var elem = document.getElementById("idOfMAP"); 
if (elem.requestFullscreen) { 
    elem.requestFullscreen(); 
} else if (elem.msRequestFullscreen) { 
    elem.msRequestFullscreen(); 
} else if (elem.mozRequestFullScreen) { 
    elem.mozRequestFullScreen(); 
} else if (elem.webkitRequestFullscreen) { 
    elem.webkitRequestFullscreen(); 
} 

希望它可以幫助你。