I have a ‘mapwrap’ div set to 400px x 400px and inside that I have a Google ‘map’ set to 100% x 100%. So the map loads at 400 x 400px, then with JavaScript I resize the ‘mapwrap’ to 100% x 100% of the screen – the google map resizes to the whole screen as I expected but tiles start disappearing before the right hand edge of the page.
Is there a simple function I can call to cause the Google map to re-adjust to the larger size ‘mapwrap’ div?
If you’re using Google Maps v2, call
checkResize()on your map after resizing the container. linkUPDATE
Google Maps JavaScript API v2 was deprecated in 2011. It is not available anymore.