How to trigger resize event if map is in tab.

[ghost]

Hello. There is problem with google maps, that can be resolved triggering resize event.

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

But as in your example, addresspicker is creating a google map, so how can I trigger that resize event, I mean what selector i can use as map identifier, to trigger map resize when bootstrap tab is shown ?

This is how map will look like, when boostrap tab is opened:

[patrickberger]

AddressPicker class provides a getter method for inner map object: getGMap(). In case of displaying a map in a Bootstrap modal following snippet did the job.

$('#addresspicker-modal').on('shown.bs.modal', function () {

    var map = addressPicker.getGMap(),
        center = map.getCenter();

    google.maps.event.trigger(map, 'resize');
    map.setCenter(center); 
});

[marioteik]

What a nice guy. <3 Thank you!