ruby-on-rails - Gmaps4rails : 设置地图的宽度和高度

Question

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

Answer 1

我应该对此提供更多详细信息。

我将创建一个安装 rake 任务以在 Rails 应用程序中复制 css 和 javascript。

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

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

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

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

Answer 2

@apenadving 的答案对我不起作用，假设地图 div 类和 id 没有改变，我需要执行以下操作（在 scss 中）以使事情正常工作，也许我错过了一些东西。 ..

.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;
}