はじめに
NASAのEOSDIS Worldviewは色々は人工衛星画像を見ることが出来るサイトである。そのシェアの方法としてhtmlにembedに対応したということなので試して見た。
Worldview’s New Embed Feature Makes Telling Data-Driven Stories Easier than Ever | Earthdata
ここでは2020年と2021年8月4日の日本周辺の海面水温を比較する図を作ってみる。
WorldViewで図を準備
Worldview のサイトに行って、compasisonモードに入る。
左側の図で、物理量にGHRSST L4 MURを選び、日付を2020年8月4日にする。
右側の図で、物理量にGHRSST L4 MURを選び、日付を2021年8月4日にする。(同じ日の別の物理量を比較するという使い方も出来る)。
シェアボタンからembedを選択し、コードを取得する。
結果
Qiitaにはiframeのコードを直接は埋め込めないようなので、Qiitaにhtml, css, jsの実際の表示例を埋め込む方法（CodePen） - Qiitaの記事を参考に、CodePenというサービスを介して、埋め込むことにする。
左側が埋め込みコードで、heightを600に変更している。右側が結果の図である(読み込みにしばらく時間がかかるかもしれない)。真ん中のスライダーを左右に動かすことで、図の比較が出来る。今年の北日本周辺の水温は去年よりずいぶん高い。
See the Pen WorldView by Toru Miyama (@tmiyama) on CodePen.
2021/08/12 追記
embed以外に、リンクをSNSでシェアすることもできる。
(例)
８月８日と10日の海面水温平年差の比較(真ん中のスライダーを左右に動かす)。台風でだいぶ下がった。高い所はまだ高いけど。
— Toru Miyama (@tmiyama) August 11, 2021
#NASAWorldview - https://t.co/VQMENQjGmN