サイドカーの追加
サイドカー ブロックは、全画面表示されるメディアとストーリーの注釈の組み合わせで、ストーリーに没入型のエクスペリエンスを生み出します。 サイドカーはスライドで構成され、各スライドにはメディア パネルと、テキスト、メディア、マップを含めることができる注釈コンテンツが含まれます。 ユーザーがサイドカーを移動すると、各スライドの注釈パネルのコンテンツに合うように、メディア パネルが変更されます。 サイドカーを使用すると、マップ コレオグラフィーとマップ アクションを通じてメディア パネル内のマップの位置や表示レイヤーを調整することもできます。
ストーリーへのサイドカーの追加
サイドカーを作成するには、次の手順に従います。
開くボタン
をクリックして、ブロック パレットを開きます。[サイドカー] を選択します。
サイドカー レイアウト ([ドッキング]、[フローティング]、[スライドショー]) を選択します。
1 つのスライドを含むサイドカーがストーリーに追加されます。
注意:
スライド パネルの [オプション] メニューで [レイアウトの変更] を選択すると、作成のプロセス中にいつでもレイアウトを変更できます。
次の使用可能なオプションのいずれかをクリックして、コンテンツをメディア パネルに追加します。
[画像またはビデオ] - 画像またはビデオ ファイルをアップロードまたはリンクします。 詳細については、「ArcGIS StoryMaps でサポートされているメディア ファイルのタイプとサイズは何ですか」をご参照ください。
[マップ] - マップ ブラウザーから Web マップまたは Web シーンを選択して構成する、またはエクスプレス マップを作成します。
[埋め込み] - URL リンクまたは iframe コードを入力します。
代替画像も埋め込みプロパティに追加することをおすすめします。 対話型埋め込みコンテンツ全体を表示するために十分なスペースがない場合は、代替画像が小型画面に表示されます。
[スワイプ] - スワイプ ブロックを使用して 2 つのマップまたは画像を比較します。 スワイプ オプション パネルで、マップの構成または画像の表示を調整できます。 詳細については、「スワイプ ブロックの追加」をご参照ください。
[色] - ソリッド カラーとして表示されるようにメディア パネルを設定します。 カラー パレットを使用して、色を選択するか、16 進数コードを入力します。
注釈パネルにテキスト、マップ、メディア、オーディオ、タイムラインを追加します。 [メディア アクション] ボタンを追加して、ユーザーがさまざまなメディアを表示したり、サイドカー メディア パネルのマップ ビューを更新したりできるようにします。
スライド パネルの新しいスライド ボタン
をクリックして、スライドを追加します。現在選択されているスライドの後に、新しいスライドがサイドカーに追加されます。
スライドをさらに追加するには、手順 4 ～ 6 を繰り返します。
サイドカーが完成したら、サイドカーの最後を過ぎるまでスクロールして、残りのストーリーを引き続き作成します。 スライド パネルと残りのサイドカーが表示範囲外にスクロールします。
サイドカー作成のヒント
サイドカーを作成する際は、以下を考慮してください。
スライドショー レイアウトは、クリックに基づく水平方向のナビゲーション環境をユーザーに提供します。
ドッキングおよびフローティング レイアウトは、スクロールに基づく垂直方向のナビゲーション環境をユーザーに提供します。
スライドショーは、注釈パネルに追加するコンテンツが少量の場合に適しています。
ドッキング レイアウトで、メディア パネルと注釈パネルを切り替えるには [パネル配置の切り替え] ボタンをクリックし、パネルのサイズを小、中、または大に変更するには、[パネル サイズの変更] ボタンをクリックします。
フローティング レイアウトまたはスライドショー レイアウトで、注釈パネルの色、位置、およびサイズを変更するには、[パネルの表示設定] ボタンをクリックします。
複数のスライドにわたってメディア パネルでマップのさまざまなビューを表示するには、スライドを複製して、各スライドの範囲と表示レイヤーを変更します。 これをマップ コレオグラフィーといいます。
スライドショー レイアウトは、タブレットおよびスマートフォン用に最適化されています。 小型画面上で、ユーザーはスライドをタップまたはスワイプできます。[マップの拡大] をタップすると、マップを画面移動およびズームすることができます。
ドッキング レイアウトおよびフローティング レイアウトは、タブレットおよびスマートフォン用に最適化されています。 小さな画面上では、サイドカー スライドは表示の上部でメディア パネルとともに積み重なり、注釈パネルは下になります。
サイドカーを作成するとき、スライド パネルはページの下部全体に表示されます。 スライド パネルを使用して、次の操作を実行できます。
スライドの追加、削除、複製、非表示
バックグラウンド オーディオの追加
スライド間の移動
スライドの並べ替え
スライド間のトランジション スタイルの変更
メディア アクションの追加
メディア アクションは、シンプルな対話型要素をストーリーに追加できる便利なストーリーテリング ツールです。
メディア アクションを追加するには、次の手順を実行します。
サイドカー スライドのメディア パネルに Web マップ、Web シーン、またはエクスプレス マップを追加します。
ボタン スタイルまたはリンク スタイルのマップ アクションを選択します。
ボタン スタイルのメディア アクションの場合は、注釈パネルの開くボタン
をクリックしてブロック パレットを開き、[メディア アクション] を選択します。リンク スタイルのメディア アクションの場合は、アクションを制御するテキストをハイライト表示し、テキスト編集ツールバーのメディア アクション ボタン
をクリックします。
メディア アクション ボタンを構成します。
- ボタン スタイルのメディア アクションの場合は、アクション ボタンにポインターを合わせ、ツールバーの [アクションの追加] をクリックして、ボタンがクリックされたときに生じるメディア アクションを構成します。 現在のマップの表示設定を更新するオプション、またはコンテンツの別の部分を表示するオプションから選択します。
[マップ ビューの編集] メディア アクションを選択し、ボタンのマップ ビューを構成しない場合、デフォルトでは [初期マップ ビュー] リセット ボタンになります。 このリセット ボタンをクリックすると、マップが初期マップ ビューに戻ります。
リンク スタイルのメディア アクションの場合は、テキスト編集ツールバーの [メディア アクション] ボタンをクリックし、[マップ ビューの編集] オプションをクリックすると、マップ デザイナーが自動的に開きます。 ここで、アクションを構成します。
- マップ アクションについての説明を使用して、メディア アクション ボタンにラベルを付けます。
構成されたメディア アクションがサイドカーの注釈パネルに追加されます。
注意:
複数のアクション ボタンをスライドに追加できます。 ボタンのラベルを更新して、そのボタンが実行するアクションをユーザーがはっきりわかるようにします。
サイドカーの複製
サイドカーとそのすべてのスライドを含む複製を作成するには、次の手順に従います。
サイドカーのスライド パネルで [その他のオプション]
をクリックします。[サイドカーの複製] を選択します。
サイドカーが下に複製されます。
ストーリーからのサイドカーの削除
サイドカーとそのスライドをすべて削除するには、次の手順に従います。
サイドカーのスライド パネルで [その他のオプション]
をクリックします。[サイドカーの削除] を選択します。
サイドカーがストーリーから削除されます。