title: keeping Google Maps Marker Centered in all viewports
body: <p>Not even sure if the following is possible, haven't found anything yet to confirm either way on the net so far</p>
  
  <p>I am using this to display my map</p>
  
  <pre><code>&lt;iframe width="100%" height="100%" frameborder="0" scrolling="no" marginheight="0"     marginwidth="0" src="https://maps.google.co.uk/maps?f=q&amp;amp;source=s_q&amp;amp;hl=en&amp;amp;geocode=&amp;amp;q=NP19+7GA&amp;amp;aq=&amp;amp;sll=52.405331,-4.159948&amp;amp;sspn=5.732167,16.907959&amp;amp;ie=UTF8&amp;amp;hq=&amp;amp;hnear=NP19+7GA,+United+Kingdom&amp;amp;ll=51.595904,-2.979781&amp;amp;spn=0.011397,0.033023&amp;amp;t=m&amp;amp;z=14&amp;amp;iwloc=near&amp;amp;output=embed"&gt;&lt;/iframe&gt;
  </code></pre>
  
  <p>It is taken off the google maps webpage as you can probably tell. So far it fills 100% of the screen, which is fine but I am implementing in a responsive website and was wondering if when changing the size of the viewport the marker that is generated can stay centered.</p>
  
  <p>at the moment the map shrinks as the viewport does but you lose sight of the marker (location)</p>
  
  <p>EDIT</p>
  
  <p>If I use the google maps api V3 i can add an event listener like so</p>
  
  <pre><code>google.maps.event.addDomListener(window, 'resize', function() {
  map.setCenter(homeLatlng);
  }); 
  </code></pre>
  
  <p>Is there a way in Jquery to create this function?</p>