Google map not showing as per given height width


When main div which is used to show google map is hidden (display:none;) it will not show full map when you display it by showing div. To solve this issue you have to apply some css trick.  Don’t apply style display:none; to main div when map will show instead just give visibility:hidden; thats it!!!