Google Map API map there but cut off

Question

On my site, my map is getting cut off. But im not sure why. I can still interact but only in a limited sense. Can anyone take a look and give me some insight?

here is the site http://people.rit.edu/~ctn9382/536/assignment3/

in order to get to the map you have to click "show results" and then click a hospital's name and it should create a bunch of stuff on the top of the page.

Answer 1

Whenever the user switches to the Locations tab, force a resize event by firing this:

google.maps.event.trigger(map, 'resize');

Since you're initializing the map while the div is hidden, it can't figure out how big to make itself, so you need to force it to check the size again. This is also why it fixes itself when you open the developer console, as Daan noticed, since that resizes the window which fires that resize event.