But once it has been resized i need the actual google map to reset its boundaries which i am using google.maps.event.trigger(map, "resize"), here is my code but once it fires the resize of the div, it cannot run the resize map trigger due to it being undefined? here is my .js google maps stopped working suddenly (blank map) 2. google maps. I have a google map that comes up in a pop up box, it's not rendering properly unless the screen is resized. i've looked at the stack overflow replies and none seem to work or make much sense! the site i'm making has various break points and isn't user scalable so i need a way to make it load. This: google.maps.event.trigger(map, “resize”); really works. if it’s not working for you, you are doing something wrong or something else is not right. if it’s not working for you, you are doing something wrong or something else is not right..
Google solution google.maps.event.trigger(map, 'resize') works but only if you do something like settimeout(function(){map.setzoom( map.getzoom() )}, 5000), but if the user after 5 seconds still didn't click on the button to show the map, this will not work. aug 23, 2012. I need to call google.maps.event.trigger(map,'resize') ) so that opening the info window can pan the map, if necessary. this won't work unless you do it 'legitimately' and not just use css to have the sidebar covering part of the map canvas.. My gmaps only shows a grey box, unless i resize my window. i found that if i do inspect element, the map shows fine (minus going to the center)..
