Gmaps4rails不会显示全宽地图

时间:2014-05-31 15:49:38

标签: ruby-on-rails google-maps twitter-bootstrap gmaps4rails

使用Gmaps4rails开始使用rails并进行第一次跟踪。我试图让一个地图显示在一个引导网格列中,占据列的整个高度和宽度。我使用的任何css方法都会产生宽度:100%;身高:100%;导致地图无法显示。

如何以全宽/高度显示地图?

我的一个简单测试导致没有地图:

<div class="col-xs-12 col-md-7">
  <div id="map" style='width: 100%; height: 100%;'></div>
</div>

1 个答案:

答案 0 :(得分:0)

尝试将宽度高度= 100%放在col类中的div内。你也在里面添加了一个带有行类的容器流体类吗?

<div class="container-fluid">
  <div class="row">
    <div class="col-sm-12">
      <div style="width: 100%; height: 100%">
        <div id="map" style="width: 100%; height: 100%">
        </div>
      </div>
    </div>
  </div>
</div>