Gmaps4rails：設置地圖的寬度和高度

Question

閱讀gmaps4rails gem文檔，我沒有找到任何設置地圖寬度和高度的方法。有沒有辦法做到這一點？

Answer 1

我應該給出進一步的細節。

我會做一個安裝rake任務，在Rails應用程序中複製css和javascript。

那麼，現在，只需重寫這在您的css（我假設你沒有改變地圖ID）。

#gmaps4rails_map { 
    width: 800px; 
    height: 400px; 
} 

如果你想要的工作，謹防包括你的CSS後yield(:head)

<%= yield :head %> 
<%= stylesheet_link_tag "your css" %> 

Answer 2

通過@apenadving我沒有工作，假設答案，地圖DIV類和id的沒「T改變，我需要做下面的（在SCSS）爲了把事情工作正常，也許我失去了一些東西......

.map_container{ 
    $width:675px; 
    width:$width; 
    .gmaps4rails_map{ 
    width: $width; 
    height: 400px; 
    } 
} 

還與軌3.1及以上，你可以簡單地做你的application.css.scss文件

@import "gmaps4rails"; 
@import "myCoolStyle"; 

Answer 3

下，如果你想輕鬆地做到這一點，我會建議你遵循這套步驟：

添加自定義容器類使用：

<%= gmaps(:map_options => { :container_class => "map_container_renamed" }, "markers" => {"data" => @json, "options" => {"auto_zoom" => false} }) %> 

然後加在你的CSS：

div.map_container_renamed #map { 
    width: 420px; 
    height: 260px; 
} 

div.map_container_renamed { 
    padding: 6px; 
    border-width: 1px; 
    border-style: solid; 
    border-color: #ccC#ccC#999 #ccc; 
    -webkit-box-shadow: rgba(64, 64, 64, 0.5) 0 2px 5px; 
    -moz-box-shadow: rgba(64, 64, 64, 0.5) 0 2px 5px; 
    box-shadow: rgba(64, 64, 64, 0.1) 0 2px 5px; 
    width: 420px; 
}