Google map cut inside bootstrap modal

Asked May 17 '14 at 13:35

Active May 17 '14 at 13:47

Viewed 1,600 times

This problem is bugging me for few days now. I almost gave up when yesterday I accidentally discovered something. I'm using Google map inside bootstrap modal. Problem is when I call modal, map is cut in half and I can pan and zoom it in the half of div, but strange thing is that when I turn on inspector(in any browser) entire map is shown right away and everything works like it should. Anyone had similar problem?

On calling modal:

enter image description here

After calling inspector:

enter image description here

edited May 17 '14 at 13:47

asked May 17 '14 at 13:35

Munez NS

1,011
1
12
31

Your map doesn't have a size. Lots of questions about this problem with modals in bootstrap. – geocodezip May 17 '14 at 14:00
Thx, don't know why I assumed I was first with this problem. – Munez NS May 17 '14 at 14:29
Specifically this answer - http://stackoverflow.com/a/11848500/863487 - will solve your problem – Rob Quincey May 17 '14 at 18:57

Google map cut inside bootstrap modal

0 Answers0