title: Google maps resize not working after clicking Back button on Ember
body: <p>I'm having some issues in an Ember app when using the Back button to navigate back to a page with a Google map using a Fusion Table layer. On a fresh page load, this is how it looks:</p>
  
  <p><img src="https://i.stack.imgur.com/AMCxY.jpg" alt="On fresh page load"></p>
  
  <p>After clicking one of the pins and going to another view, when I click the back button, the following happens:</p>
  
  <p><img src="https://i.stack.imgur.com/dfGLu.jpg" alt="After clicking back"></p>
  
  <p>The size and position of the gray bars varies.</p>
  
  <p>I've tried doing <code>google.maps.event.trigger(map, 'resize')</code> and calling <code>map.setZoom(map.getZoom())</code> to no effect. I've made sure the containers have width/height as well.</p>
  
  <p>Just to be clear, this is an Ember application,so clicking on the back button is not a full page reload, but rather just a swapping out of Controllers/Views by Ember. I was hoping to just need to trigger the resize on such a transition, but the resize seems to not be enough, even when called directly from the console.</p>
  
  <p>One more thing, other transitions to the page (e.g. by clicking on other elements that trigger either a <code>link-to</code> or a <code>transitionTo</code> to the map) work fine. It's only when the transition happens with the Back button that the map goes awry.</p>
  
  <p>Any ideas?</p>