2011-03-14 21 views

Respuesta

11

Debería haber dado más detalles sobre esto.

Haré una tarea de rake de instalación para copiar css y javascript en la aplicación Rails.

Bueno, por ahora, simplemente anule este en su css (supongo que no cambió la identificación del mapa).

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

Si quieres que funcione, tenga cuidado de incluir su css después de la yield(:head)

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

Que ks por tu maravillosa joya Solo una aclaración rápida. En tu respuesta, tienes gmaps4rails_map listado como un id, ¿no es una clase? – Seanland

+0

@Seanland: Si recuerdo bien, cambié esto cuando introduje varios mapas :) – apneadiving

+0

Bien = D. Célebre. – Seanland

2

La respuesta por @apenadving no funcionó para mí, en el supuesto de que las clases div mapa y didn de Identificación 't cambio, tenía que hacer lo siguiente (en SCSS) con el fin de que todo funcione correctamente, tal vez me falta algo ...

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

También con carriles de 3,1 y por encima sólo tiene que hacer lo siguiente en su archivo

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

application.css.scss si quieres hacer esto fácilmente le recomiendo que sigue esta serie de pasos:

Añadir una clase de contenedor personalizado usando:

<%= gmaps(:map_options => { :container_class => "map_container_renamed" }, "markers" => {"data" => @json, "options" => {"auto_zoom" => false} }) %> 

a continuación, añadir en el 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; 
} 
Cuestiones relacionadas