Gmaps4rails :지도 폭 및 높이 설정

Question

gmaps4rails gem 문서를 읽는 중지도 폭 및 높이를 설정할 방법을 찾지 못했습니다. 이 일을 할 수있는 방법이 있습니까?

Answer 1

이에 대한 자세한 내용을 제공해야합니다.

Rails 앱에서 css 및 javascript를 복사하는 설치 레이크 작업을 수행합니다.

글쎄, 지금은이 을 귀하의 CSS에 간단하게 덮어 씁니다.지도 ID를 변경하지 않았다고 가정합니다. 당신이 당신의 CSS를 포함하는, 일을 조심하려면

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

yield(:head)

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

Answer 2

후 가정, 나를 위해 작동하지 않았다 @apenadving로 대답하는지도 DIV 클래스와 ID의 didn를 't 변화, 나는 순서에 (SCS들에서) 일이 어쩌면 내가 부족, 제대로 작동 얻을 다음 뭔가 ...을 할 필요가

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

사용자 지정 컨테이너 클래스를 추가 레일 3.1 나는 당신이 단계의 설정에 따라 추천 할 것입니다 쉽게이 작업을 수행하려면 당신은 단순히 당신의 application.css.scss 파일

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

Answer 3

에서 다음을 수행 할 수 있습니다 위 또한 6,510,403,210 사용하는 :

<%= 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; 
}