Zoom bar disfigured in Google-Maps-for-Rails (gmaps4rails)

For some reason my zoom bar is all pixelated and I'm not sure why. Any ideas? I used the basic setup:

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

I'm not passing any special parameters or anything. The markers that I have on my models show up beautifully.

Answers


Add this to your css... there you will also have an issue with the terrain and overlays dropdowns...

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

With the gmaps4rails 1.5.6, use map instead of mapCanvas, i.e.,

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

Reference:

Github: twitter/bootstrap issue list - Bootstrap distorts some Google Maps Controls and Overlays - commented by diogocsc https://github.com/twitter/bootstrap/issues/1552#issuecomment-11153057


This what I found and the solutions is simple.

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


Need Your Help

How to clone a Github Gist via SSH protocol?

git github gist

Github really seems to want us to use the HTTPS protocol to use Gists, for example, they only list the HTTPS url on a Gist page - e.g. https://gist.github.com/donatello/5834862

How does cron internally schedule jobs?

linux unix cron crontab scheduler

How do "modern" cron daemons internally schedule their jobs? Some cronds used to schedule a run every so often via at. So after a crontab is written out, does crond: