title: Google Maps iframe not showing dropped pins centered
body: <p>I am trying to add two maps to my website, each with two drop pins. Users can switch between the two maps by clicking on tabs. I built the two maps using the Google Maps Engine. The first map appears great, zoomed in to the right amount and showing the two pins. However, the second map is totally off. I tried doing what was suggested in this previous question <a href="https://stackoverflow.com/questions/16076633/marker-not-centering-in-iframe-for-google-map">Marker not centering in iframe for google map</a> but 1) it was still off and 2) I was unable to add a second pin to the map (plus the map did not look as nice as the iframe I embedded directly on to the site).</p>
  
  <p>Here is the JsFiddle: <a href="http://jsfiddle.net/SbH3Y/5/" rel="nofollow noreferrer">http://jsfiddle.net/SbH3Y/5/</a></p>
  
  <p>Google Maps iframes:</p>
  
  <pre><code>&lt;iframe src="http://mapsengine.google.com/map/embed?mid=zzFoZgN4yc_E.kT_V1HoEUMHs" width="461" height="350" scrolling='no'  marginheight='0' marginwidth='0'&gt;&lt;/iframe&gt;
  </code></pre>
  
  <p>Thanks</p>