I have a grid with sub rows configuration.
The sub row contains of a simple div container:
<div id="map-container"></div>
When a sub row is expanded for the first time a google maps is initialized inside the div container.
However when the row is collapsed or out of screen the content (in my case the google maps) inside the div container is removed.
This happens even if preserve
option is set to true.
Having that in mind i have to initialize google maps every time and this is NO-GO because each initialization costs money due to google payment policy for using their google maps service.
How can i make sure that the content inside a sub row isn’t removed from the DOM upon collapsing or being out of screen?
Thanks in advance.