記事に、動く地図を。

IntMap で地図を整え、「共有」の「埋め込み」から HTML を1行コピーして、ページに貼るだけ。読者には同じ視点・レイヤー・日付の地図が届きます。スクリーンショットではなく地図そのものです。

無料。埋め込み地図を作るのにも表示するのにも、アカウントは要りません。

3つの手順

  1. 地図を整える

    場所へ移動し、レイヤーを点け、書いている内容の日付に時計を合わせます。

  2. 「共有」から「埋め込み」へ

    「共有」を押して「埋め込み」タブを選びます。大きさと、読者がパン・ズームできるかを選んで、コードをコピーします。

  3. ページに貼る

    コードは標準の iframe 要素です。エディタが HTML を受け付けるところに貼ってください。

「埋め込み」タブで選べる大きさ(ピクセル、幅 × 高さ): 480 × 320 · 640 × 400 · 960 × 600 · 100% × 450

コード

下の写真の地図を中くらいの大きさで埋め込むとき、IntMap が書くコードです。

<iframe src="https://rwmqx7dwb5-arch.github.io/IntMap/index.html?embed=1#v=22.0000,48.5000,3.30,0,0,f&tt=1914-06-27" width="640" height="400" style="border:0;max-width:100%;" loading="lazy" referrerpolicy="strict-origin-when-cross-origin" title="IntMap の地図"></iframe>

アドレスに interactive=0 を加えると、パンもズームもできない静止した地図になります。

<iframe src="https://rwmqx7dwb5-arch.github.io/IntMap/index.html?embed=1&interactive=0#v=22.0000,48.5000,3.30,0,0,f&tt=1914-06-27" width="640" height="400" style="border:0;max-width:100%;" loading="lazy" referrerpolicy="strict-origin-when-cross-origin" title="IntMap の地図"></iframe>
上のコードが表示する地図

1914年6月27日のヨーロッパ

開発者向け →

読者に見えるもの

整えたとおりの地図

同じ視点・レイヤー・日付と、その凡例、時計の日時。日付に合わせた地図はその日付のまま、「現在」の地図は読まれたときのデータを表示します。

すべてのデータの出典表記

各データ提供元が求める出典表記は、フレームの中でも見えたままです。狭いフレームでは切らずに折り返します。

地図全体への入口

フレームのリンクから同じ表示を IntMap で開き、さらに調べられます。

それ以外は何もない

フレームは読み取り専用です。パネルも検索もログインもポップアップもなく、あるのは地図だけ。パン・ズームは、オフにしない限り読者ができます。