Gmaps4rails：设置地图宽度和高度

Question

阅读gmaps4rails gem文档，我没有找到任何设置地图宽度和高度的方法。有没有办法做到这一点？

Answer 1

我应该进一步详细说明。

我将进行安装rake任务，以在Rails应用程序中复制css和javascript。

好吧，现在，只需在你的css中覆盖 （我假设你没有更改地图ID）。

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

如果您希望它起作用，请注意在yield(:head)

之后加入您的CSS

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

Answer 2

@apenadving的回答并不适合我，假设地图div类和id没有改变，我需要做以下（在scss中）< / strong>为了让事情正常运转，也许我错过了一些东西......

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

使用rails 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;
}