<!-- required js -->
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>;

<!-- html -->
<div id="googleMapDefault" style="height: 300px;"></div>

<!-- script -->
<script>
  var googleMap;

  function initialize() {
    var mapOptions = {
      zoom: 3,
      center: new google.maps.LatLng(24.55, 271.55),
      mapTypeId: google.maps.MapTypeId.ROADMAP,
      disableDefaultUI: true,
    };
    googleMap = new google.maps.Map(document.getElementById('googleMapDefault'), mapOptions);
  }
  google.maps.event.addDomListener(window, 'load', initialize);

  $(window).on('resize', function() {
    google.maps.event.trigger(googleMap, "resize");
  });
</script>