title: show loading-spinner until google-map is fully loaded
body: <p>I'm using the jQuery Lazy Load XT plugin to lazy load my google-map iframe data-src.</p>
  
  <p>It works fine.</p>
  
  <p>Demo here: <a href="http://ressio.github.io/lazy-load-xt/demo/widget-iframe.htm" rel="nofollow">http://ressio.github.io/lazy-load-xt/demo/widget-iframe.htm</a></p>
  
  <p>But I need to add a spinner to it while the map is loading.
  And you can easily do that by including the spinner css-file to the site: <a href="https://github.com/ressio/lazy-load-xt/#spinner" rel="nofollow">https://github.com/ressio/lazy-load-xt/#spinner</a></p>
  
  <p>But the problem is: When the map starts loading, the spinner shows up, and then goes away while the map is loading.</p>
  
  <p>So, how can I show the spinner until the map is FULLY loaded?
  I don't want the spinner to show for 2 seconds, then disapear, and the see a empty iFrame until the map is FULLY loaded.</p>