代码:
body, html, #allmap { 100%; height: 100%; overflow: hidden; margin: 0; font-family: "微软雅黑"; font-size: 62.5%; }
<body>
<div id="top"></div>
<div id="allmap" ></div><!--地图-->
<div id="foot"></div>
</body>
id为top,foot的div会把屏幕撑大,导致地图样式 100%; height: 100%;失效,致使地图当前位置不在屏幕正中间.
解决方案:
<body>
<div id="top" style="display: none;"></div>
<div id="allmap" ></div><!--地图-->
<div id="foot" style="display: none;"></div>
</body>
$(function () {
$("#top").show();
$("#foot").show();
});
这么写,地图当前位置就在屏幕正中间啦.