1 つの Web アプリに複数の Web アプリケーションマップを埋め込むことはできますか？

答え

Esri ストーリー マップ テンプレートと比較テンプレートを使用すると、1 つの Web アプリに複数の Web マップを埋め込むことができます。 1 つの Web アプリに複数の Web マップを埋め込むには、以下のいずれかの Web アプリ オプションを使用します。

Esri ストーリー マップ テンプレート
一部の Esri ストーリー マップ テンプレートは、複数の Web マップの埋め込みに適しています。 ストーリー マップに Web マップを埋め込む方法は、データの表示、比較、関係の調査に適しています。 複数の Web マップを埋め込むために Esri ストーリー マップ テンプレートを使用する方法が適しているかどうかについては、以下の表をご参照ください。

ストーリー マップ Web サイトからストーリー マップを作成する方法については、「ArcGIS ブログ: ストーリー マップの作成方法」をご参照ください。 既存の Web マップからストーリー マップを作成する方法については、「ArcGIS Online ヘルプ: マップからのアプリの作成」をご参照ください。 [新しい Web アプリの作成] ダイアログ ボックスで [テンプレート] → [ストーリー マップの構築] の順にクリックし、目的のストーリー マップ テンプレートを選択します。

Web アプリ内で Web マップをさらに追加するには、以下のいずれかのオプションを選択します。

1. 追加記号 (+) をクリックします。
2. [メディア] を選択します。
   
3. [ArcGIS] タブで、追加で埋め込む Web マップを選択します。
   
   以下の図に、米国と日本の人口を異なるセクションで比較するストーリー マップ カスケードを示します。 各 Web マップは、異なるセクションに埋め込まれています。
   

1. [セクションの追加] をクリックします。
2. [セクションの追加] ダイアログ ボックスに、新しいセクションのタイトルを指定します。
3. [コンテンツ] でデフォルトの [マップ] オプションをそのまま使用します。
4. [マップ] ドロップダウンで [マップの選択] をクリックし、追加で埋め込むマップを選択します。
5. [次へ] をクリックし、[サイド パネルのコンテンツ] を構成します。
6. [追加] をクリックします。
   
   以下の図に、日本、米国、ドイツの人口を異なるセクションで比較するストーリー マップ ジャーナルを示します。 各 Web マップは、異なるセクションに埋め込まれています。
   

1. [追加] をクリックします。
2. [タブの追加] ダイアログ ボックスで、新しいセクションのタイトルを指定します。
3. [コンテンツ] でデフォルトの [マップ] オプションをそのまま使用します。
4. [マップ] フィールドで [マップの選択] をクリックし、追加で埋め込むマップを選択します。
5. [追加] をクリックします。
   
   以下の図に、日本、米国、ドイツの人口を異なるタブで比較するストーリー マップ シリーズを示します。 各 Web マップは、異なるタブに埋め込まれています。
   

1. [設定] をクリックします。
2. [ストーリーの設定] ダイアログ ボックスで [スワイプ タイプ] タブを選択します。
3. [2 つの Web マップ] を選択し、2 つ目の追加の Web マップを参照します。 [適用] をクリックします。
   
   以下の図に、同じマップ範囲の 2 つの Web マップを、同一のマップ上で並べて比較するストーリー マップ スワイプおよびスパイグラスを示します。 境界スライダーを横にスライドさせると、各 Web マップのレイヤーが表示されます。
   

[比較] テンプレート
[比較] テンプレートは、同じマップ範囲の 2 つの Web マップを、2 つの異なるマップで並べて比較するのに適しています。 これは、データの比較、視覚化、同じマップ範囲上の異なる属性との関係を調査する場合にも適しています。 [比較] テンプレートを使用するには、次の手順に従います。

1. Web マップを Web アプリとして共有する場合は、[テンプレート] → [マップ/レイヤーの比較] → [比較] の順に選択します。
   
2. [一般] タブで [マップ 1] と [マップ 2] の Web マップを指定します。
3. [Save Edits] をクリックします。
   
   以下の図に、同じマップ範囲の 2 つの Web マップを、2 つの異なるマップで習えて比較する比較テンプレートを示します。
   

注意:
同じマップ範囲を持つマップを比較するには、同じマップに異なるレイヤーを作成する方法もあります。 ただし、この方法の場合は、最上位レイヤーしか表示されません。 レイヤーを管理する方法について詳しくは、「ArcGIS Online: レイヤー」と「Web AppBuilder for ArcGIS: [レイヤー リスト] ウィジェット」をご参照ください。

複数の Web マップの開発者オプションについては、「解析の比較 (開発終了バージョン)」、「ArcGIS API for JavaScript: Swap web maps in the same view」、「ArcGIS API for JavaScript: Synchronize MapView and SceneView」をご参照ください。