blog-RuinDig

短かったり長かったりする。Articles are my own.

東京都新型コロナウイルス感染症対策サイトの各種データの埋め込み

東京都新型コロナウイルス感染症対策サイト

stopcovid19.metro.tokyo.lg.jp

提案

github.com

実装報告

埋め込みコードの取得

f:id:edgeknight:20200314115615p:plain

各種データの右下にあるf:id:edgeknight:20200314120023p:plainボタンを押してコードを取得する。

埋め込み

例えば「都庁来庁者数の推移」の埋め込みコードは以下の通り。

<iframe width="560" height="315" src="https://stopcovid19.metro.tokyo.lg.jp/cards/agency?embed=true" frameborder="0"></iframe>

幅が560pxで高さが315pxとなっているけど、 YouTubeの埋め込みコードと同じように幅と高さの数字は変更できる。実際に以下で埋め込んだものは幅と高さを調整してある。

埋め込みテスト

-end-