GMap shows on page inspect
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.