google maps resize event

Question

The problem is start the map hidden, if the toggle buttom start showing the map there isn't any ploblem.

I'm seeing a lot of question with this problem but I can't fix it. This is my code. I call the resize event after toogle the map and doen't work.

$('.map-btn').click(function(){
    $(this).next().toggle(500, function(){
        var gMap = document.getElementById("acf-map");
        google.maps.event.trigger(gMap, 'resize'); 
    });
})

Related question here Google Maps v3 load partially on top left corner, resize event does not work

Please provide a [Minimal, Complete, Tested and Readable example](http://stackoverflow.com/help/mcve) that demonstrates the issue. — geocodezip, Nov 23 '15 at 17:52

score 0 · Answer 1 · answered Nov 23 '15 at 20:05

Form my experience is better recall a (re)initilizeMap() function when you click the tab for show the map.

Due the problem/difficulties related to the correct congfiguration of the map in this case if you, wher click the tab for show the map call the initializzazion of the map. the problem is structurally solved.

google maps resize event

1 Answers1