title: Embedded Google Maps Error - Blocked a frame with origin
body: <p>I am trying to embed a Google map on a client's site.</p>
  
  <p>Here is the embed code I am using as copied from the view source of the page where it is embedded.  I followed the instructions from this page <a href="http://maps.google.ca/help/maps/getmaps/plot-one.html" rel="noreferrer">http://maps.google.ca/help/maps/getmaps/plot-one.html</a></p>
  
  <pre><code>&lt;iframe width="180" height="250" frameborder="0" scrolling="no" marginheight="0"
  marginwidth="0" src="http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=
  &amp;q=5590+Joliet+Street+Denver,+Colorado+88239&amp;aq=&amp;sll=34.168218,-111.930907
  &amp;sspn=15.047206,26.30127&amp;ie=UTF8&amp;hq=&amp;hnear=5590+Joliet+St,+Denver,+Colorado
  +80239&amp;ll=39.797915,-104.860812&amp;spn=0.013667,0.025685&amp;t=m&amp;z=14&amp;output=embed"&gt;
  &lt;/iframe&gt;
  </code></pre>
  
  <p>I am getting the error (Chrome Developer Tools, Console) <em>Blocked a frame with origin "<a href="http://maps.google.com" rel="noreferrer">http://maps.google.com</a>" from accessing a frame with origin "http link here". Protocols, domains, and ports must match." and no map displays.</em></p>
  
  <p>Interestingly, when I paste that into a text document and save it as HTML and open it in Chrome, the map will display, but I still get the same error in Dev Tools (except that the origin is null).</p>
  
  <p>the application is php and I've tried the remove_header(); option and it didn't change anything, and I've made sure the link in the iframe contains output=embed.</p>
  
  <p>I have tried FF, Chrome and IE 10, all with the same result.</p>
  
  <p>Here is a link to the page in question. (can't post IP address link)
  198 dot 154 dot 220 dot 143/contact/</p>