地图显示自适应窗口大小

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