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 で開き、さらに調べられます。
それ以外は何もない
フレームは読み取り専用です。パネルも検索もログインもポップアップもなく、あるのは地図だけ。パン・ズームは、オフにしない限り読者ができます。