How to use google.maps.event.trigger(map, 'resize')

Question

I am new to JS, and have found the answer to a previous question, which brought up a new question, which brought me here again.

I have a Reveal Modal that contains a

Answer 1

As now, google.maps.event.trigger(map, 'resize') does nothing. Like we having mat-dialog containing google map in it and there is the same problem. I`ve found some ways you can handle it:

1. Init map with a timeout.
2. Change the size of the parent container after map inits and then change it back.

But as for me, all these ways are pretty bad and I`m looking for something better.