2012-03-03 8 views
17

何らかの理由でズームバーがすべてピクセル化されていて、その理由がわかりません。何か案は?私は基本的なセットアップを使用しました:Google-Maps-for-Rails(gmaps4rails)でズームバーが変形しています

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

私は特別なパラメータや何も渡していません。私のモデル上にあるマーカーが美しく表示されます。

Zoom broken

+1

CSSの問題である必要がありますが、いくつかのグローバルCSSがコントロールに影響を与えていると思います。 –

答えて

27

私が発見し、解決策は単純である何この

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

同じ結論私はに来た:) – ryanjones

+1

ちょうどこれはブートストラップのための問題であることに注意して –

1

...そこにあなたも地形に問題があるとドロップダウンを重ねます...あなたのCSSにこれを追加します。 gmaps4rails 1.5.6で

https://github.com/twitter/bootstrap/issues/1552

+1

[回答] - "リンクのコンテキストを提供する" –

11

、代わりにmapCanvasマップ、すなわち、

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

リファレンスを使用します。

のGithub:さえずり/ブートストラップ問題のリスト - ブートストラップをいくつかのGoogleマップのコントロールとオーバーレイを歪めます - ジオグロクによってコメントされました
https://github.com/twitter/bootstrap/issues/1552#issuecomment-11153057

関連する問題