Support for modals

Greetings,

A well documented issue with google maps is that they render incorrectly in modals, which is an increasingly common way of presenting maps to website visitors. This fantastic module should include some built in support for maps displayed in modals like Bootstrap modal or other popular modals.

This issue occurs with any modals (basically all of them!) that originally have a ‘display: none’ css property defined. When the div with the map loads/renders, the property value changes to block (‘display: block’).

The solution is to re-size the map when the modal loads since it now has a new new width and height. So if we can integrate something like google.maps.event.trigger(map, 'resize'); into the google map js so that module users can easily call the event from their theme js like so, that would be great.

$('#mymodal').on('shown', function () {
google.maps.event.trigger(map, 'resize');
});

Any thoughts on this, Rob? Cheers, Kevin