title: Removing iframe from loading page. Using Laravel framework
body: <p>I've been stuck on getting this loading page/splash screen how it needs to be for the UI/UX to be acceptable.</p>
  
  <p>The web app is built with laravel 4.2 for the backend.</p>
  
  <p>For the loading page we have an embed google map using an iframe solution, as I had too many issues not using an iframe (multiple API conflicts). Once the main application is fully loaded it is supposed to transition into it but it doesn't, it just stays on the loading page as the iframe is stopping the transition into the front-end (Ember 1.8).</p>
  
  <p>Does anyone know how to remove the iframe from the page upon main application has correctly loaded.</p>
  
  <p>iframe code:</p>
  
  <pre><code>   &lt;div id="map"&gt;
  
  &lt;iframe id="load-map"
  width="1630px"
  height="953px"
  frameborder="0" style="border:0"
  src="https://www.google.com/maps/embed/v1/view?key=AIzaSyCnQpBZ7Wtic3UQn3haLSTlYf9OtuusGGc&amp;center=54.559322,-4.174804&amp;zoom=6&amp;maptype=roadmap"
  &lt;/iframe&gt;
  
  &lt;/div&gt;
  &lt;script&gt;
  function remove(){
   var frame = document.getElementById("load-map");
   frame.parentNode.removeChild(frame);
  }
  
  &lt;?php
  &lt;/script&gt;
  
  public function removeChild() {
  
  echo '&lt;script type="text/javascript"&gt;
  remove();
  &lt;/script&gt;';
  }
  
  ?&gt;
  </code></pre>