Google Maps Resize Css Display None

This question has been asked many times here, and that is that Google Maps display partially. My problem is: I use waypoints to trigger CSS3 animations on my page. On the page with

Solution 1:

Just add it at the end of initialize function.... Also you need to save the map object in a variable and call the resize event again when you make the css of the google maps to display: block with this map object