Google-Maps-for-Rails（gmaps4rails）中变形的变焦条

Question

由于某种原因，我的变焦条都是像素化的，我不知道为什么。有任何想法吗？我使用了基本设置：

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

我没有传递任何特殊参数或任何东西。我模特身上的标记显示得很漂亮。

Answer 1

将此添加到您的CSS ...那里您还会遇到地形和叠加下拉菜单的问题......

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

Answer 2

使用gmaps4rails 1.5.6，使用 map 而不是 mapCanvas ，即

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

参考：

Github：twitter / bootstrap问题列表 - Bootstrap扭曲了一些谷歌地图控件和叠加层 - 由diogocsc评论
https://github.com/twitter/bootstrap/issues/1552#issuecomment-11153057

Answer 3

这是我发现的，解决方案很简单。

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