Google Map shows only partially

Question

The Google Map I have is only beeing rendered partially and is centered to the wrong point (it should center to the marker). See below:

Answer 1

I've found that any hide and show operations which are performed on div with google map by using css 'display' property (or jQuery hide() and show() function) causing partially view of the map.

Instead of 'display' I use 'visibility' (hidden, visible) and everything is fine. What I expected was to show the map on a popup. However 'visibility' takes space even when its attribute is set to hidden, but since I use 'z-index' for the popup it does not affect a base layer (0 z-index).

Regards Bronek