title: Google map iframe and jquery
body: <p>Can anyone give me a example on how to format this. I am not familiar with Jquery and what I have tried does not work. I don't have the rep to add to the thread and ask. Any help would be greatly appreciated. I have a iframe google map in tabs that are not loading correctly very similar to this problem;</p>
  
  <p>From a post <a href="https://stackoverflow.com/questions/9311874/google-map-position-incorrect-on-load">Google map position incorrect on load</a></p>
  
  <p>"The problem is that the place you want the map to center on ends up in the top left corner of the iframe for some reason. I think it's because on google's side the map resize event is firing too early before it knows the full size of the iFrame.</p>
  
  <p>Remove the iframe src tag.</p>
  
  <p>Embed the below javascript code somewhere below the iframe:</p>
  
  <pre><code>jQuery("iframe#headerMap").attr("src", "http://maps.google.com/maps/ms?etc etc....");
  </code></pre>
  
  <p>Because it loads the map after the iframe is there. If I still have problems in the future I'll try adding a short delay to the above code, making it run after document load."</p>