title: Showing error When I add map iframe in AMP page
body: <p>Showing error in amp page</p>
  
  <p>But I have added <br> tag till 600px height than it's working fine.</p>
  
  <pre><code>error.js:195 &lt;amp-iframe&gt; elements must be positioned outside the first 75% of the viewport or 600px from the top (whichever is smaller):  &lt;amp-iframe width=​"600" height=​"400" title=​"Google map pin on Googleplex, Mountain View CA" layout=​"responsive" sandbox=​"allow-scripts allow-same-origin allow-popups" frameborder=​"0" src=​"https:​/​/​www.google.com/​maps/​embed/​v1/​place?q=place_id:​ChIJ2eUgeAK6j4ARbn5u_wAGqWA&amp;key=AIzaSyC544Fo4Prg6ZUNNfmi8cC5Rhs4ZckTGSw" class=​"i-amphtml-element i-amphtml-layout-responsive i-amphtml-layout-size-defined i-amphtml-error i-amphtml-layout" i-amphtml-layout=​"responsive"&gt;​…​&lt;/amp-iframe&gt;​ Current position 195 . Min: 480 Positioning rules don't apply for iframes that use `placeholder`.See https://github.com/ampproject/amphtml/blob/master/extensions/amp-iframe/amp-iframe.md#iframe-with-placeholder for details.
  </code></pre>