Google 地图不会显示高度 100%

Question

我使用 Twitter bootstrap 3 和 google 地图，但此代码不会以百分比显示地图高度。我用PX的时候一切正常

<body onload="findMyCurrentLocation()">
<div class="col-xs-3 col-md-3 col-lg-3"></div>
<div class="col-xs-9 col-md-9 col-lg-9">

    <div id="map_canvas"></div>

</div>

和 CSS:

#map_canvas {
              height:100%;
}

Answer 1

<body>
<div class="container">
  <div class="col-xs-9 col-md-9 col-lg-9">
     <div id="map_canvas"></div>
   </div>
</div>
</body>

问题是因为您没有添加容器。

Google 地图不会显示高度 100%

Google maps wont to show height 100%

html

css

twitter-bootstrap

google-maps