How to upload a map to a hidden block?

Question

JavaScript

When the block I need opens, the map is initiated incorrectly.
But if you write in the console, then it will be displayed. Also, if the block is initially open, then the map also loads normally.
google.maps.event.trigger(map, 'resize');

Answer 1

js can't initialize hidden block. Therefore, you need to use hidden instead of display: none, or hide the block in some other way.

Answer 2

If you need, for example, to show your map in a modal window, then start the initialization exactly when the person called this modal window, why load the user in the background what he may not use.