核爆発マップを自分のサイトに埋め込む
NukeSimulatorでシミュレートした爆発は、どれでも自分のウェブサイト、ブログ、記事に、動かせるインタラクティブな地図として埋め込めます。無料で、APIキーも登録も必要ありません。しくみはYouTubeの埋め込みと同じです。<iframe>のコードを一つコピーして、ページのHTMLに貼り付けるだけです。
埋め込みコードの取得方法
- メインの地図で爆発を設定します。都市と爆弾を選び、ボタンを押してください。
- 共有リンクの横にある</> 埋め込みボタンをクリックします(共有された爆発ページの左側メニューにもあります)。
- 生成されたコードをコピーし、地図を表示したい場所に貼り付けます。
例
次のコードは、共有済みのシナリオ(ロシアのトーポリICBMによる攻撃)を埋め込みます。
<iframe src="https://nukesimulator.com/ja/embed/2afa0d939d1a0c8880c1215445f5cce7"
width="600" height="450"
style="border:0;border-radius:8px"
loading="lazy"
title="Nuclear blast map by NukeSimulator"></iframe>
実際にはこのように表示されます。
サイズと動作
- サイズ:
widthとheightは自由に変更できます。width="100%"にすればレスポンシブになります。300 pxのサイドバー用ウィジェットから全幅の地図まで、どんな大きさでも問題なく表示されます。 - 操作:訪問者は地図を動かしたり拡大縮小したりして、埋め込まれた爆発の被害リングを確かめられます。
- 表示速度:
loading="lazy"を残しておくと、地図は画面に入ったときに初めて読み込まれます。
利用条件
埋め込みは商用サイトを含め、どんなウェブサイトでも無料です。埋め込まれた地図には、このサイトへのリンクを含む小さな「NukeSimulator」のバッジが付いています。これはそのまま残してください。お願いするのはそれだけです。別のシナリオを埋め込むには、メインの地図で自分の爆発を作り、そのコードをコピーしてください。