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

Ответ 1

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

Я сделаю задачу установки rake для копирования css и javascript в приложении Rails.

Хорошо, на данный момент просто переопределите этот в вашем CSS (я предполагаю, что вы не изменили идентификатор карты).

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

Если вы хотите, чтобы он работал, остерегайтесь включать ваш css после yield(:head)

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

Ответ 2

Ответ от @apenadving не работал у меня, предполагая, что классы div div и id не изменились, мне нужно было сделать следующее (в scss), чтобы получить вещи правильно работает, может быть, я что-то пропустил...

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

Также с рельсами 3.1 и выше вы можете просто сделать следующее в вашем файле application.css.scss

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

Ответ 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;
}