title: Google Maps Loading Async Issues
body: <p>I'm trying to get Google Maps API v3 to work on my site and I'm running into 2 problems.</p>
  
  <ol>
  <li><p>I'm using <a href="http://yepnopejs.com/" rel="nofollow noreferrer">yepnope</a> to load the API script asynchronously, and I get a "Load denied by X-Frame-Options" error in my console. It says <a href="http://maps.googleapis.com/maps/api/js?sensor=false&amp;callback=init_google_maps&amp;ver=3.0" rel="nofollow noreferrer">http://maps.googleapis.com/maps/api/js?sensor=false&amp;callback=init_google_maps&amp;ver=3.0</a> does not permit cross-origin framing. This is odd to me because I'm not loading anything in a frame of any kind. Note that the map still loads, but the error in the console concerns me.</p></li>
  <li><p>The map controls aren't displaying correctly. I don't think that this is related to the first issue because I get this even when I load the API the traditional way (synchronously), but it might be related in some way. </p></li>
  </ol>
  
  <p><img src="https://i.stack.imgur.com/UgQop.jpg" alt="enter image description here"></p>
  
  <p>I'm not sure if it matters, but I'm running this on my "localhost" testing server. Any ideas on what could be causing these issues?</p>
  
  <p><strong>Update:</strong>
  As discussed below, the X-Frame issue only occurs when I load the API via yepnope. I can't understand why using yepnope to inject a script tag causes the error and using a simpler js function doesn't though. My main concern, however, is the display of the map. I tested the map on a more stripped down page on my local server, and it displayed correctly. So, my current assumption is that I have a style (or script?) declared somewhere on the page that's interfering with Google maps.</p>
  
  <p><strong>Update 2:</strong>
  Ok, the display issue if finally sorted out. I went through my main stylesheet and commented out portions until I had found the culprit. In order to make my images responsive in my fluid layout, I had declared <code>img { max-width: 100%; }</code>. Apparently, Google Maps don't like this. Once I overrode that style for the map container, everything displayed normally. The X-Frame issue still confounds me however.</p>