google map 只载入左上角

html页面分为两个大的div，其中一个div的在页面刚载入的时候是隐藏的display: none;用来放置地图的div放在在这个div里面，格式大致如下

<div></div>

<div style="display: none;">

  <div id="mapDiv"></div>>

</div>

当触发某一个事件之后，这个div不再隐藏:display设为block
但是这个时候的地图只在左上角载入内容，并不是网络卡，我在地图的中心设置一个气球标示，气球显示在左上角小地图的中央，而且那个div如果我在页面刚载入的时候，并不隐藏，地图显示是正常的
整个地图页面的另外几个按钮：切换显示方式的四个按钮，地图倍距的按钮都是显示在正常的位置，而不是显示在左上角那一小块地图里面

这个是什么原因，要怎么解决？
------解决方案--------------------
mapDiv的尺寸是不是被修改了，重新设一下？