title: Google map is not zooming in & marker is not showing on page load
body: <p>I am facing issue with Google map. It is not properly displaying with marker on page load. It appears to display properly with marker when we zoom in on displayed map.</p>
  
  <p>Any help appreciated. </p>
  
  <p>This is javascript code :-</p>
  
  <pre><code>var GoogleMap = function(canvas, address)
  {
      var _parent = this;
  
      this.location = new google.maps.LatLng(-34.397, 150.644);
  
      var options = 
      {
          center: this.location,
          zoom: 15,
          mapTypeId: google.maps.MapTypeId.ROADMAP,
          mapTypeControlOptions: 
          {
              style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR,
              position: google.maps.ControlPosition.TOP_CENTER
          },
          streetViewControl: false
      };
  
      this.map = new google.maps.Map(canvas, options);
  
      var geocoder = new google.maps.Geocoder();
  
      geocoder.geocode( { 'address': address}, function(results, status) 
      {
          if (status != google.maps.GeocoderStatus.OK)
              return;
  
          _parent.location = results[0].geometry.location;
  
          var marker = new google.maps.Marker(
          {
              map: _parent.map,
              position: _parent.location
          }); 
  
          _parent.resize();
      });
  };
  
  GoogleMap.prototype.resize = function() 
  {
      google.maps.event.trigger(this.map, "resize");
  
      this.map.setCenter(this.location);
  }
  
  var Maps = function(classes)
  {
  
      var _parent = this;
  
      _parent.maps = new Array();
  
      classes.each(function()
      {
          _parent.maps.push(new GoogleMap($(this).get(0), $(this).attr("data-address")));  
      });
  };
  
  Maps.prototype.resize = function() 
  {
      for (var cnt = 0; cnt &lt; this.maps.length; cnt++) 
      {
          this.maps[cnt].resize();
      }
  };
  
  var maps;
  
  $(window).load(function()
  {
       maps = new Maps($(".gMapsCanvas"));
  });
  </code></pre>
  
  <p>This is HTML code :-</p>
  
  <pre><code>&lt;div class="gMapsCanvas" data-address="Address,City,State,Country"&gt;&lt;/div&gt;
  </code></pre>