Postpone google maps initialisation until after bootstrap tab is shown

Question

I\'ve researched a lot and it seems like a lot of people have had the same issue as me here, but i cant figure out how to fix it.

Basically i\'m initializing a googl

Answer 1

$('#myTab a[href="#location"]').one('shown.bs.tab', function (e) {
    initialize();
});

Use .one() instead of .on(). This will prevent from reloading map again and again ;)