search

dosx / timezone-picker

A Google Maps (or OpenLayers) + Olson Time Zones mashup to do a timezone picker
MIT License
160 stars 28 forks source link

Various Google Map Controls Distorted When Using Twitter Bootstrap #6

Closed michaelahlers closed 11 years ago

michaelahlers commented 11 years ago

When Twitter Bootstrap styles are in use, the Google Map zoom controls and popup arrows are distorted. This problem is not specific to timezone-picker, but is a common use case.

Screenshot

However, there is a simple fix (which I found on Stack Overflow). I'm filing this issue to recommend the maintainers add this to the documentation (since it burned me a few hours).

Simply add the following styles to the map control element.

#zonepicker img {
  max-width: none;
}
andrewlin12 commented 11 years ago

Added a note to the README. Thanks!

michaelahlers commented 11 years ago

No problem, @andrewlin12! :)

xhava commented 11 years ago

someone could help me

my div is this

and then i have this

$("#map-canvas").css({ height: '400px', width: '600px' });

and my map is showed with some errors in the zoom controls

but when i add this

$("#map-canvas").css({ height: '400px', width: '600px' }); $("#map-canvas img").css({ max-width: 'none' });

my map is not showed...