GMap shows on page inspect

Question

I am using GMap Module (in Drupal 7). Map does not show on page load, but when I inspect the web page, map shows up.
I tried reinstalling module but in vain. Map shows in GMap Configuration, but on node page it shows only if user inspects page. I have made no change in default GMap code

If anyone has solution to this issue, please share
A bundle of Thanks.

Answer 1

you need to trigger resize when the map is shown.

Try this code:

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

Hope this will help you.