地图高度自适应

<style type="text/css">
/*css控制地图大小自动充满整个窗口*/
html{height:100%}
body{height:100%;margin:0px;padding:0px}
#map_canvas{width:100%;height:100%}
@media print {#map_canvas {height: 950px;}}
</style>

在窗口中若有查询栏目，需要显示隐藏的时候，写一个方法动态设置地图div的高度，放在body的onresize事件里执行
//自动改变地图的高度
 function changeMapHeight() { 
     var qheight=$("#querytxt").height();
    if(qheight==1) { 
      qheight=80; 
    }else { 
      qheight=1; 
    } 
    var totalheight=$(window).height();
    var nowHeight=totalheight-qheight-20; // 
    alert("查询:"+qheight+"body:"+$(document.body).height()+"浏览器文档："
            +$(document).height()+"浏览器:"+$(window).height()+"地图:"
            +nowHeight+"可见区域:"+document.body.clientHeight);
    $("#map_canvas").height(nowHeight);
 }
 window.onresize=changeMapHeight;