ruby-on-rails - Gmaps4rails : マップの幅と高さの設定

Question

gmaps4rails gem のドキュメントを読んでも、マップの幅と高さを設定する方法が見つかりませんでした。これを行う方法はありますか？

Answer 1

これについては、もっと詳しく説明するべきでした。

Rails アプリに css と javascript をコピーするインストール rake タスクを作成します。

とりあえず、css でこれをオーバーライドするだけです (マップ ID を変更していないと仮定します)。

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

動作させたい場合は、css をyield(:head)

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

Answer 2

マップの div クラスと ID が変更されていないと仮定すると、@apenadving による回答はうまくいきませんでした。正しく機能させるために、次のことを(scss で)行う必要がありました。何か不足している可能性があります。 ..

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

application.css.scssまた、Rails 3.1以降では、ファイルで次のことを簡単に実行できます

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