2012-03-03 15 views
17

Por alguna razón, mi barra de zoom está pixelada y no estoy seguro de por qué. ¿Algunas ideas? Usé la configuración básica:Barra de zoom desfigurada en Google-Maps-for-Rails (gmaps4rails)

Controller: @json = User.all.to_gmaps4rails 
View: <%= gmaps4rails(@json) %> 

No estoy pasando ningún parámetro especial ni nada. Los marcadores que tengo en mis modelos se muestran bellamente.

Zoom broken

+1

Debe ser un problema de CSS, supongo que algunos CSS globales están afectando el control. –

Respuesta

27

Agregue esto a su css ... hay también tendrá un problema con el terreno y superposiciones de menús desplegables ...

#mapCanvas label { width: auto; display:inline; } 
#mapCanvas img { max-width: none; } 
+0

La misma conclusión a la que llegué :) – ryanjones

+1

Solo señalando que esto es un problema debido al bootstrap –

11

Con los gmaps4rails 1.5.6, utilice mapa en lugar de mapCanvas, es decir,

#map label { width: auto; display:inline; } 
#map img { max-width: none; } 

Referencia:

Github: lista de salida twitter/arranque - Bootstrap distorsiona algunos controles y superposiciones de Google Maps - comentado por diogocsc
https://github.com/twitter/bootstrap/issues/1552#issuecomment-11153057