如果未从URL加载iframe，请加载缩略图图像

Question

我有一个从CartoDB加载地图的iframe。

<iframe src='https://recology.cartodb.com/tables/condma_1_cleaned/embed_map' width='900' height='600'></iframe>

此iframe嵌入在html演示文稿中。当我在做演示时，可能不会有互联网。在这种情况下，如果地图的屏幕截图会加载，那就太好了。

如果由于缺少互联网访问而加载实时版本失败，如何获取要加载的地图的屏幕截图？

Answer 1

借用this答案，您可以执行以下操作：

<script type="text/javascript" src="/javascripts/jquery.js"></script>
<script id="iframe_loader">
function loadIframe() {
  var iframe_element = document.getElementById('iframe_id');
  if (navigator.onLine) {
    iframe_element.src = 'www.CartDB_url.com';
  } else {
    iframe_element.src = '/local_version_CartDB.htm';
  }
}
</script>

然后就在您关闭网站末尾的BODY标签之前

<script>
  loadIframe();
</script>