Question

我有一个愚蠢的CSS问题，但我似乎无法解决它。我正在将谷歌地图插入到12尺寸的Twitter引导列中：

<div class="col-lg-12" style="height:50%;">
   <div id="map-canvas" style="position:static !important;height:50%  !important;"></div>
</div>

我最终得到了地图加载但不占用任何空间/高度：

enter image description here

我尝试在地图上添加高度。我已经尝试在列中添加高度，似乎没有任何效果。有人告诉我这里的光明

Answer 1

您需要为#mapCanvas设置特定的像素高度..

或确保mapCanvas容器（html，body）具有高度..

html, body {
  height: 100%;
}

#map-canvas {
  margin: 0;
  padding: 0;
  height: 50%;
}