title: Google Map api V3, setPosition/setCenter is not working
body: <p>There are two places where i need to show google maps.
  I'm using same code for both maps(I mean I'm reusing same code for both maps).
  Below are links where you can find screen shots of those two maps.</p>
  
  <p><a href="https://drive.google.com/file/d/0B2JnvvXsAALUdlVzemRVMzNMajF4OFB1V0JXc0RuN1p4eWFV/view" rel="nofollow">https://drive.google.com/file/d/0B2JnvvXsAALUdlVzemRVMzNMajF4OFB1V0JXc0RuN1p4eWFV/view</a> - map1</p>
  
  <p><a href="https://drive.google.com/file/d/0B2JnvvXsAALUVGRhNm1HSldhQnpZT3k4S2I2R1YyQkp4OWZz/view" rel="nofollow">https://drive.google.com/file/d/0B2JnvvXsAALUVGRhNm1HSldhQnpZT3k4S2I2R1YyQkp4OWZz/view</a> - map2</p>
  
  <p>I'm showing second map(map2) in bootstarp modal</p>
  
  <p>first map(map1) is working fine. But in second map(map2), though I have used setCenter method, marker is not showing at center of the map(instead it is showing at top left corner).
  what should i do to place marker at center of the map(in second map)?</p>
  
  <p>below is my code..</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>initialize: function(options){
    //initializing the geocoder
    this.geocoder = new google.maps.Geocoder();
    
    this.map;    
  },
  
  //on show of the view
  //onShow is a marionette method, which will be triggered when view is shown
  onShow: function(){
    var address = this.model.get("address");
    //render the map with dummy latLang
    this.renderMap();
    
    //render the Map with Proper address
    if(address!== ""){
      this.renderMapWithProperAddress(address);
    }
  },
    
  renderMap: function(){
    var mapCanvas = document.getElementById("mapCanvas"), self = this,
    
    mapOptions = {
      center: new google.maps.LatLng(64.855, -147.833),//dummy latLang
      zoom: 15,
      mapTypeId: google.maps.MapTypeId.ROADMAP,
      zoomControl: false,
      mapTypeControl: false,
      streetViewControl:false
    };
    
    //initializing google map
    self.map = new google.maps.Map(mapCanvas, mapOptions);
    
    $("#myModal").on("shown.bs.modal",function(){
      google.maps.event.trigger(self.map, "resize");
    });  
  },
    
    
  renderMapWithProperAddress: function(address){
    var self = this,marker;
    
    self.geocoder.geocode( { "address": address}, function(results, status) {
   if (status == google.maps.GeocoderStatus.OK) {
    
          self.map.setCenter(results[0].geometry.location);
          
          marker = new google.maps.Marker({
            map: self.map,
            position: results[0].geometry.location,
            title: address
          });
            
      } else {
              
        alert("Geocode was not successful for the following reason: " + status);
            
      }
   
    });
  }</code></pre>
  </div>
  </div>
  </p>