Google maps overlay rendering issue

Question

notice the way the tooltip is rendering

For some strange reason google maps tends to load the tooltip like that. Also the zoom slider is skewed as well. Has anyone run into this problem before?

score 10 · Accepted Answer · edited May 23 '17 at 12:19

10

Definitely seen it before :)

google maps api v3 map display issue

Add to your CSS

#map_canvas label { width: auto; display:inline; }
#map_canvas img { max-width: none; }  (sometimes max-height: none; is needed too)

(replacing map_canvas if your map div is named something else.)

edited May 23 '17 at 12:19

Community

1
1

answered May 24 '12 at 21:57

Tina CG Hoehr

6,721
6
44
57

You're welcome! I spend way too much time following this tag :D – Tina CG Hoehr May 24 '12 at 22:04
Although SO doesn't want me to say thanks and +1, I believe its the appropriate thing to say right now. Thanks, +1 :) – Ben Fransen Sep 14 '13 at 09:56

score 1 · Answer 2 · answered Sep 26 '12 at 09:11

1

I had the same issue. And this worked for me.

#map_canvas label { width: auto; display:inline; }
#map_canvas img { max-width: none; max-height: none; background-color: transparent;}

answered Sep 26 '12 at 09:11

themissionmars

107
9

Google maps overlay rendering issue

2 Answers2

Linked