1

CartoDB からマップをロードする iframe があります。

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

この iframe は、html プレゼンテーションに埋め込まれています。プレゼンテーションを行っているときは、インターネットがない可能性があります。その場合、代わりにマップのスクリーンショットが読み込まれると便利です。

インターネット アクセスがないためにライブ バージョンのロードに失敗した場合、ロードするマップのスクリーンショットを取得するにはどうすればよいですか?

4

1 に答える 1

1

SO でこの回答を借りると、次のようなことができます。

<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>
于 2012-09-27T16:46:26.813 に答える