見て楽しむ!マップ ツアーのヘッダーをオリジナル画像に設定するには?

マップ ツアーは、地図上の出来事を分かりやすく伝えるための ArcGIS Online の Web アプリケーションの一つです。世界中のユーザが、このマップ ツアーのテンプレートを使って、レジャー目的の旅行などの観光分野のマップを作成しています。たとえば、こちらの『サンディエゴ市内観光ツアー』ではサンディエゴ空港から市内各地を巡る観光ツアーを紹介しています。

0

今回は、この『サンディエゴ市内観光ツアー』のようにマップ ツアーのヘッダーをオリジナル画像に設定する方法をご紹介します。
なお、マップ ツアーを作成するには、ArcGIS Online ドキュメント ページの『ArcGIS Online 逆引きガイド』  または 『かんたんストーリー マップ作成ガイド』 をご覧ください。


Step1 ヘッダー画像を作成、オンラインストレージに保存

1. マップ ツアーのヘッダーに表示させる画像を作成します。今回は、1600(横) × 115(縦) ピクセルで作成しています。(横幅は表示ブラウザのサイズによって画像が切れる場合があります。)

1

2. 画像をオンラインストレージに保存し、URLで画像を見ることができる状態にします。(今回は、Picasa ウェブ アルバムを利用しました。)

Step2 マップ ツアーのビルダ モードでヘッダー画像を設定
1. ArcGIS Online で作成したマップ ツアーをブラウザで開き、[ビルダ モードに切り替え] ボタンをクリックします。ビルダ モードはマップ ツアーの公開ユーザが ArcGIS Online にサイン インしている状態でご利用いただける機能です。 

2

2. ビルダ モードで [編集] ボタン横の鉛筆ボタンをクリックします。

3

3. 入力欄に以下の HTML コードを入力してください。赤線部分を変更して設定してください。

4

4. タイトル タグの部分はマップ ツアーのタイトルを設定します。
→ <title>マップ ツアーのタイトル名を入力</title>
画像の設定は、画像URLを入力します。
→ url(画像URLを入力)” 画像URLを設定します。

5

5. 設定を [保存] して、アプリケーションを公開します。

6

6. [共有] ボタンを押すと、短縮URLがコピーされます。メール、SNS での共有、Web ページのリンクなどにご活用ください。 

7


おわりに

ArcGIS Online から配信されている Web アプリケーション テンプレートは HTML 形式で設定が可能です。どなたでも簡単に見ていて楽しいマップ ツアーを作成できますので本当におススメです。旅行計画や思い出アルバムをマップにしてみてください。
今後も見ていて楽しい観光・グルメ分野のストーリー マップを紹介していく予定です。お楽しみに!

■関連リンク
ArcGIS Online 製品ページ
Story Map Journal チュートリアル
ArcGIS Online(ArcGIS for Desktop ユーザ向け)
ArcGIS for Desktop ユーザに朗報!ArcGIS の使い方がさらに広がります
ArcMap から Web やスマートフォンへの共有(チュートリアル)
ストーリー マップを身近なものへ!こうすれば簡単に作成できる!