Google Maps Not Loading Correclty When First Viewing Website

When viewing a website I'm developing atm for a project I'm working on - it seems that the first time you visit the site - the google map located in the footer fails to load and on

Solution 1:

Could you try like this:

function loadGoogleMap(){
  var mapOptions = {
    ...
  };
  var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);

  setTimeout(function() {
    google.maps.event.trigger(map, "resize");
  }, 3000);
}