全屏显示div内容（googlemap）
[英]Make a div content (googlemap) fullscreen
问题描述
我试图创建一个按钮，将googlemap div变成全屏..这是我直到现在所拥有的，但是它不能正常工作..问题是：该地图将只加载下面代码的一半，并提供屏幕截图
我该如何修理？ 问题出在哪儿？ 提前致谢
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>
1 个解决方案
解决方案1
1 2010-05-21 19:32:13
最大化地图后，您需要重新初始化...这是代码：
<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>
希望这对您有帮助，大风
div包装内容或全屏
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.