Javascript 制作div内容（谷歌地图）全屏_Javascript_Google Maps

Javascript 制作div内容（谷歌地图）全屏

javascript google-maps

Javascript 制作div内容（谷歌地图）全屏,javascript,google-maps,Javascript,Google Maps,我正在尝试制作一个按钮，将谷歌地图变成全屏。。这是我到现在为止所拥有的，但它不能正常工作。。问题是：地图只装了一半下面是代码和屏幕截图我怎样才能修理这个？问题在哪里？提前谢谢函数初始化（）{ var latlng=新的google.maps.latlng（-34.397150.644）；变量myOptions={ 缩放：8，中心：拉特林， mapTypeId:google.maps.mapTypeId.ROADMAP }; var map=new google.maps.

我正在尝试制作一个按钮，将谷歌地图变成全屏。。这是我到现在为止所拥有的，但它不能正常工作。。问题是：地图只装了一半下面是代码和屏幕截图

我怎样才能修理这个？问题在哪里？提前谢谢


函数初始化（）{
var latlng=新的google.maps.latlng（-34.397150.644）；
变量myOptions={
缩放：8，
中心：拉特林，
mapTypeId:google.maps.mapTypeId.ROADMAP
}; 
var map=new google.maps.map（document.getElementById（“map_canvas”），myOptions）；
} 
函数fs（）{
var elem=document.getElementById（“映射画布”）；
elem.style.position=“绝对”；
元素样式宽度=“100%”；
元素样式高度=“100%”；
elem.style.top=“0px”；
document.body.style.overflow=“隐藏”；
}

地图最大化后，需要重新初始化地图。。。代码如下：

<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>


函数初始化（）{
var latlng=新的google.maps.latlng（-34.397150.644）；
变量myOptions={
缩放：8，
中心：拉特林，
mapTypeId:google.maps.mapTypeId.ROADMAP
}; 
var map=new google.maps.map（document.getElementById（“map_canvas”），myOptions）；
} 
函数fs（）{
var elem=document.getElementById（“映射画布”）；
elem.style.position=“绝对”；
元素样式宽度=“100%”；
元素样式高度=“100%”；
elem.style.top=“0px”；
document.body.style.overflow=“隐藏”；
}

希望这有帮助，

Gale

你需要在地图最大化后重新初始化它。。。代码如下：

<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>


函数初始化（）{
var latlng=新的google.maps.latlng（-34.397150.644）；
变量myOptions={
缩放：8，
中心：拉特林，
mapTypeId:google.maps.mapTypeId.ROADMAP
}; 
var map=new google.maps.map（document.getElementById（“map_canvas”），myOptions）；
} 
函数fs（）{
var elem=document.getElementById（“映射画布”）；
elem.style.position=“绝对”；
元素样式宽度=“100%”；
元素样式高度=“100%”；
elem.style.top=“0px”；
document.body.style.overflow=“隐藏”；
}

希望这有帮助，大风