Gmaps4rails: настройка ширины и высоты карты

Question

Читая документацию по гемам gmaps4rails, я не нашел способа установить ширину и высоту карты.Есть ли способ сделать это?

Answer 1

Я должен был предоставить более подробную информацию об этом.

Я сделаю задачу установки граблей, чтобы скопировать css и javascript в приложение Rails.

Ну, а пока просто переопределите это в вашем css (я полагаю, вы не меняли идентификатор карты).

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

Если вы хотите, чтобы это работало, остерегайтесь включать ваш CSS после 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;
   }
}

Также с рельсами 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;
}