Google-Maps-for-Rails (gmaps4rails) 中的缩放栏变形答案

【问题标题】：Zoom bar disfigured in Google-Maps-for-Rails (gmaps4rails)Google-Maps-for-Rails (gmaps4rails) 中的缩放栏变形
【发布时间】：2012-03-03 17:46:54
【问题描述】：

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

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

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

【问题讨论】：

一定是 CSS 问题，我猜一些全局 CSS 正在影响控件。

标签： google-maps gmaps4rails

【解决方案1】：

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

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

【讨论】：

只是注意到这是一个问题，因为引导程序

【解决方案2】：

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

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

参考：

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

【讨论】：

【解决方案3】：

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

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

【讨论】：

How to Answer - "为链接提供上下文"