核爆発マップを自分のサイトに埋め込む

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」のバッジが付いています。これはそのまま残してください。お願いするのはそれだけです。別のシナリオを埋め込むには、メインの地図で自分の爆発を作り、そのコードをコピーしてください。