Question

I have a google map inside of a div which gets changed, its parent div can get an additional class which changes its dimensions. This changes causes the google map not to get updated, it resist in the previous dimensions. How can I refresh the google map?

I tried to recreate the google map again but it seems to keep the other previously created google maps there as well. This causes sometimes strange behavior (the old map is on the top of the new). Can a google map be released?

Thanks for your help!

Answer 1

Check the google.maps.Map class reference, I think you’re looking for the resize event:

Developers should trigger this event on the map when the div changes size:

google.maps.event.trigger(map, 'resize')