ポップアップの構成 (Map Viewer)—ArcGIS Online ヘルプ

マップでは、ポップアップに表示するように構成された画像およびフィーチャに関する詳細情報を表示することができます。ポップアップは、ハイキングコース、土地利用形態、失業率など、マップ内の各レイヤーに関連付けられている属性に注目を集めるのに役立ちます。ポップアップは、添付ファイル、画像、チャート、テキストを表示したり、外部の Web ページにリンクしたりできます。

ヒント:

クラスタリングが有効化されたポイントレイヤーでは、クラスターのポップアップを構成することもできます。

Map Viewer では、フィーチャレイヤーのポップアップの外観は、デフォルトでフィールドと値のリストとなっています。イメージレイヤーのポップアップ表示は、デフォルトではピクセル値です。マップの所有者はポップアップを再構成して、表示/非表示フィールドのリストや、情報の表示方法を定義できます。コンテンツを追加して、ポップアップにさらに意味を持たせることもできます。たとえば、フィールドのリストを追加したり、カスタム形式のテキストや画像を使用して対話形式の操作を実現したり、関連レコードを表示したりできます。

ヒント:

ポップアップの設計および構成方法については、次のブログ記事をご参照ください。

構成オプション

マップ作成者にとって、ポップアップに関する主な決定事項は、「何を表示するか」、そして「どう提示するか」です。たとえば、一般市民にミシシッピ湾沿岸の遊泳、釣り、ボート乗りが可能な場所を案内する場合には、住所、交通手段、および現地で一番わかりやすい待ち合わせ場所の写真を表示するようにポップアップを構成できます。レイヤーにはポイントの位置やタイプに関するその他のフィールドが存在するかもしれませんが、一般市民はそれらに興味がなく、関連性の高い情報から注意を逸らしてしまうことになるので、ポップアップには表示しないでおくことができます。

フィーチャレイヤーまたはイメージレイヤーのポップアップに表示しようとする内容に応じて、多様な構成オプションから選択を行うことができます。以下では、それらのオプションについて説明します。

ヒント:

一部の構成オプションをこのカリフォルニア州の山のマップで説明しています。 [コンテンツ] (暗い背景の) ツールバーで、[レイヤー] ウィンドウをクリックし、一度に 1 つのレイヤーをオンにしてマップ上のフィーチャをクリックすることで構成を比較します。

ポップアップの有効化と削除

レイヤーに大量のフィーチャデータが含まれている場合や、マップに複数のレイヤーが組み込まれている場合があるため、ポップアップは、フィールド、フォーマット、メディアなどを選択して構成した方が、多くの場合見栄えが良くなります。ポップアップは、フィーチャレイヤーではデフォルトで有効になっています。

レイヤーからポップアップを削除するには、次の手順に従います。

サインインしていることを確認します。変更を保存する場合は、コンテンツを作成、更新、削除する権限を持っていることを確認します。
注意:
マップの探索やレイヤーの構成など、さまざまな操作をサインインせずに行えます。作業内容を保存するには、マップを作成する前にサインインします。
Map Viewer で、レイヤーを含むマップを開くか、直接レイヤーを追加します。
[コンテンツ] (暗い背景の) ツールバーの [レイヤー] をクリックして [レイヤー] ウィンドウを開き、ポップアップに表示するフィーチャデータを含むレイヤーを選択します。
[設定] (明るい背景の) ツールバーの [ポップアップ] をクリックし、[ポップアップの有効化] 切り替えボタンをオフにします。

ポップアップをオフにしたレイヤーでポップアップを有効化するには、[ポップアップの有効化] 切り替えボタンをオンにします。

ポップアップの構成

ポップアップを構成するには、次の手順に従います。

ヒント:

キーボードショートカットを使用すると、Map Viewer の一般的なワークフローを短時間で完了できます。 Map Viewer のキーボードショートカットの全リストを表示するには、Microsoft Windows では Alt + ? キー、Mac では Option + ? キーを押します。

サインインしていることを確認します。変更を保存する場合は、コンテンツを作成、更新、削除する権限を持っていることを確認します。
注意:
マップの探索やレイヤーの構成など、さまざまな操作をサインインせずに行えます。作業内容を保存するには、マップを作成する前にサインインします。
Map Viewer で、レイヤーを含むマップを開くか、直接レイヤーを追加します。
[コンテンツ] (暗い背景の) ツールバーの [レイヤー] をクリックして [レイヤー] ウィンドウを開き、ポップアップに表示するフィーチャデータを含むレイヤーを選択します。
[設定] (明るい背景の) ツールバーの [ポップアップ] をクリックします。
イメージレイヤーで、必要に応じて [NoData を無視] 切り替えボタンをオンにすると、画像内の NoData エリアのポップアップ情報が無効になります。
[NoData を無視] 切り替えボタンをオフにすると、ポップアップにピクセル情報が表示されなくなります。
イメージレイヤーで、必要に応じて [最上位のアイテムのみを表示] 切り替えボタンをオンにすると、モザイクデータセットの最上位レイヤーのポップアップ情報が表示されます。
[最上位のアイテムのみを表示] 切り替えボタンがオフの場合、その場所にあるすべてのモザイクデータセットレイヤーのピクセル情報が表示されます。
[タイトル] をクリックして、ポップアップのタイトルを入力します。
1. [フィールドの追加] をクリックして、データからフィールドを選択します。
  注意:
  ArcGIS Arcade 式から生成された情報をポップアップタイトルに表示するには、新しい式を追加します。新しい式が、フィールドのリストに表示されます。
2. 必要に応じて、フィールド値の代わりに、またはフィールド値に加えて静的テキストを入力します。
例として、タイトルに郡別の人口を表示します。「Population for」と入力し、次に郡の名前を表すデータのフィールド値「{Cnty_name}」を挿入し、等号「=」を入力して、人口を表す別のフィールド値「{pop2010}」を挿入するなど、静的テキストとフィールド値を組み合わせてタイトルを構成することができます。この例では次のようなタイトルが構成されます。

Population for {Cnty_name} = {pop2010}
これにより、フィールド値がタイトルに代入され、「Population for Clark County = 453099」のようになります。
[フィールドリスト] をクリックします。
ポップアップに表示されるフィールドリストのタイトルを入力します。
1. [フィールドの追加] をクリックして、データからフィールド値または式を選択します。データ内の各フィーチャに一意のタイトルを付ける場合は、このオプションを使用します。
2. 必要に応じて、フィールド値の代わりに、またはフィールド値に加えて静的テキストを入力します。
3. フィールドリストにタイトルを付けない場合は、フィールドを空白のままにします。
フィールドリストの説明を入力します。
1. [フィールドの追加] をクリックして、データからフィールドまたは式を選択します。データ内の各フィーチャに一意の説明を入力する場合は、このオプションを使用します。
2. 必要に応じて、フィールド値の代わりに、またはフィールド値に加えて静的テキストを入力します。
3. フィールドの説明が必要ない場合は、フィールドを空白のままにします。
フィールドを整理および削除し、[フィールドの選択] をクリックして、リストにフィールドを追加します。
フィールド名とフィールド値がより明確に表示されるようにフィールドを構成することができます。
フィーチャレイヤーに添付ファイルが含まれている場合、それらのファイルは、ポップアップ内の添付ファイルの下に自動的に追加されます。添付ファイルは、フィーチャサービスのフィーチャクラスへの関連テーブルとしてサポートされています。
必要に応じて、[コンテンツの追加] をクリックして、画像やチャート、テキストなどのメディアをポップアップに追加することもできます。
必要に応じて、[並べ替え] ハンドルを使用し、コンテンツを表示する順序を変更します。
[コンテンツ] ツールバーにある [保存して開く] をクリックし、[保存] をクリックしてポップアップの変更内容を保存します。

フィールドの構成

表示するフィールドを構成するには、表示名を変更し、表示プロパティの形式を設定します。

[設定] (明るい背景の) ツールバーにある [フィールド] をクリックします。
構成するフィールドを選択します。
ヒント:
同じタイプのフィールドを複数選択し、これらのフィールドの形式を同時に設定することができます。
1. フィールドの表示名を変更します。
2. 人口などの数値フィールドの場合、表示する小数点以下の桁数と桁区切り記号を使用するかどうかを選択します。
3. date、date only、および timestamp offset フィールドでは、[日付形式] ドロップダウンメニューから日付形式を選択します。
4. date および timestamp offset フィールドでは、[時間の表示] 切り替えボタンをオンにして、時刻の表示形式を選択します。
5. time only フィールドでは、[時間形式] ドロップダウンメニューから時間形式を選択します。
注意:
サポートされているフィールドタイプの詳細については、「ArcGIS Online の日付と時刻のフィールド」をご参照ください。
[完了] をクリックします。

式の使用

ポップアップを構成する際には、Arcade 式の言語で記述されたカスタム式を使用できます。式を使用すると、レイヤー内の既存のフィールドから新しい情報を作成して表示することができます。たとえば、値をフィートからメートルに変換する式を作成したり、フィーチャ属性に基づく URL を動的に作成したりできます。レイヤーに式がある場合 (ラベリングやスタイル設定など) は、コピーしてポップアップ構成で再利用することができます。

ポップアップで式を作成するか、レイヤー用に作成された既存の式を再利用することができます。

構成するレイヤーの [ポップアップ] ウィンドウを開くには、「ポップアップの構成」セクションの最初の 4 つの手順を実行します。
[属性式] をクリックします。
[属性式] ウィンドウが表示されます。
[式の追加] をクリックしてエディターウィンドウを開き、式を作成します。
ヒント:
いずれかの Arcade 関数についてヘルプが必要な場合は、関数の横にある矢印をクリックすれば、その関数についての参照情報が表示されます。
終了したら、エディターで [完了] をクリックします。
ヒント:
エディターを閉じる前に Arcade 式にタイトルを付けて、フィールドのリスト内で簡単に識別できるようにします。
新しい式が [属性式] リストに追加されます。式を編集するには、リストから式を選択してエディターで変更します。式を削除するには、該当する式の横にある [式の削除] をクリックします。
ポップアップでフィールド属性のリストを使用した場合は、新しい式が [フィールドリスト] セクションに追加されます。この式の形式はフィールドウィンドウで変更できます。
[コンテンツ] (暗い背景の) ツールバーにある [保存して開く] をクリックし、[保存] をクリックしてポップアップの変更内容を保存します。

アタッチメントの追加

フィーチャレイヤーのデータに添付ファイルが含まれている場合は、添付ファイルがレイヤーのポップアップに追加されます。添付ファイルをリストとして表示したり、ギャラリー内に表示したりできます。また、添付ファイルをポップアップから削除することもできます。ポップアップ内の添付ファイルをクリックすると、その添付ファイルが新しいブラウザータブで開きます。

注意:

レイヤーのポップアップが過去に構成されておらず、マップ内のポップアップを初めて構成している場合は、添付ファイルに最も適した表示が Map Viewer で自動的に選択されます。

構成するレイヤーの [ポップアップ] ウィンドウを開くには、「ポップアップの構成」セクションの最初の 4 つの手順を実行します。
[添付ファイル] をクリックします。
添付ファイルのタイトルを入力します。
1. [フィールドの追加] をクリックして、データからフィールド値または式を選択します。データ内の各フィーチャに一意のタイトルを付ける場合は、このオプションを使用します。
2. 必要に応じて、フィールド値の代わりに、またはフィールド値に加えて静的テキストを入力します。
3. タイトルを付けない場合は、フィールドを空白のままにします。
添付ファイルの説明を入力します。
1. [フィールドの追加] をクリックして、データからフィールドまたは式を選択します。データ内の各フィーチャに一意の説明を入力する場合は、このオプションを使用します。
2. 必要に応じて、フィールド値の代わりに、またはフィールド値に加えて静的テキストを入力します。
3. 説明が必要ない場合は、フィールドを空白のままにします。
必要に応じて、[リストとして表示] 切り替えボタンをオンにして、添付ファイルをリスト形式で表示します。
必要に応じて、[オプション] をクリックして [削除] をクリックし、ポップアップから添付ファイルを削除します。
[コンテンツ] (暗い背景の) ツールバーにある [保存して開く] をクリックし、[保存] をクリックしてポップアップの変更内容を保存します。

画像の追加

画像 (PNG、JPEG、GIF 形式) の URL を入力することで、ポップアップに画像を挿入できます。画像には、タイトル、キャプション、関連する Web サイトへのリンク、代替テキストを含めることができます。

ヒント:

最適な表示にするには、Web 用に最適化された幅 400 ピクセルの画像を作成します。画像の幅が 400 ピクセル未満の場合、ウィンドウに白の境界が表示されます。画像の幅が広く、Web 用に最適化されていない場合は、Web ブラウザーによって画像のサイズが自動的に変更され、幾何補正されて表示される場合があります。

画像をポップアップに追加するときは、更新間隔を設定できます。これにより、ポップアップで、頻繁に更新される画像を指定間隔 (分単位) で更新し表示することができます。たとえば、このオプションを使用して、トラフィックカメラで取得した画像を更新できます。

構成するレイヤーの [ポップアップ] ウィンドウを開くには、「ポップアップの構成」セクションの最初の 4 つの手順を実行します。
[コンテンツの追加] をクリックし、[画像] を選択します。
画像の URL を入力します。
1. [フィールドの追加] をクリックして、データからフィールドまたは式を選択します。データ内の各フィーチャに一意の画像を使用する場合、このオプションを使用します。
2. 必要に応じて、外部の Web サイトや ArcGIS Online 上、またはレイヤーのデータ内の添付ファイルとして格納された画像の URL を入力します。 PNG、JPEG、および GIF 形式がサポートされています。画像が ArcGIS Online のアイテムとして格納されている場合は、アイテムページにある [URL] フィールドからコピーされた URL を入力する必要があります。アイテムページは、画像アイテムが一般ユーザーと共有されている場合のみ利用できます。
[オプション] をクリックすると、タイトル、キャプション、リンク、および更新間隔用に追加のフィールドを表示できます。
画像のタイトルを入力します。
1. [フィールドの追加] をクリックして、データからフィールド値または式を選択します。データ内の各フィーチャに一意のタイトルを付ける場合は、このオプションを使用します。
2. 必要に応じて、フィールド値の代わりに、またはフィールド値に加えて静的テキストを入力します。
3. タイトルを付けない場合は、フィールドを空白のままにします。
キャプションを入力します。
キャプションはタイトルの下の、画像の上の部分に表示され、画像について簡単な説明を提示するのに役立ちます。
1. [フィールドの追加] をクリックして、データからフィールドまたは式を選択します。データ内の各フィーチャに一意のキャプションを付ける場合は、このオプションを使用します。
2. 必要に応じて、フィールド値の代わりに、またはフィールド値に加えて静的テキストを入力します。
3. キャプションが必要ない場合は、フィールドを空白のままにします。
画像の代替テキストを入力します。
代替テキストはポップアップ上で非表示になり、スクリーンリーダーで使用されます。
1. [フィールドの追加] をクリックして、データからフィールドまたは式を選択します。データ内の各フィーチャに一意の代替テキストを指定する場合、このオプションを使用します。
2. 必要に応じて、フィールド値の代わりに、またはフィールド値に加えて静的テキストを入力します。
3. 代替テキストが必要ない場合は、フィールドを空白のままにします。
関連するリンクの URL を入力します。
画像をクリックすると、新しいブラウザータブにこの URL が表示されます。
1. [フィールドの追加] をクリックして、データからフィールドまたは式を選択します。データ内の各フィーチャに一意の URL を使用する場合は、このオプションを使用します。
2. 必要に応じて、関連するリンクの URL を入力します。
3. 関連するリンクが必要ない場合は、フィールドを空白のままにします。
必要に応じて、[更新間隔] 切り替えボタンをオンにして、テキストボックスに値 (分単位) を入力し、画像の更新間隔を設定します。
ポップアップが表示されたときに、指定した間隔で画像が更新されます。
複数の画像 (または他のメディアアイテム) が存在し、ポップアップ内でそれらのアイテムが表示される順序を変更する場合は、必要に応じて、[メディア] セクションのアイテムの横の [並べ替え] ボタンをクリックし、アイテムを新しい位置にドラッグします。
[コンテンツ] (暗い背景の) ツールバーにある [保存して開く] をクリックし、[保存] をクリックしてポップアップの変更内容を保存します。

チャートの追加

チャートを追加して、数値属性フィールドの値をグラフィカルに表示できます。追加できるのは、バーチャート、ラインチャート、パイチャートです。

構成するレイヤーの [ポップアップ] ウィンドウを開くには、「ポップアップの構成」セクションの最初の 4 つの手順を実行します。
[コンテンツの追加] をクリックし、[チャート] を選択します。
表示するチャートのタイプを選択します。
チャートのタイトルを入力します。
1. [フィールドの追加] をクリックして、データからフィールドまたは式を選択します。
2. 必要に応じて、フィールド値の代わりに、またはフィールド値に加えて静的テキストを入力します。
3. タイトルを付けない場合は、フィールドを空白のままにします。
チャートのキャプションを入力します。
キャプションはタイトルの下の、チャートの上の部分に表示され、チャート内のデータについて簡単な説明を提示するのに役立ちます。カラムチャート、バーチャート、ラインチャートの単位をチャートの説明に含めることができます。パイチャートでは、それぞれのセグメントの上にポインターを置くとパーセンテージが表示されます。
1. [フィールドの追加] をクリックして、データからフィールドまたは式を選択します。
2. 必要に応じて、フィールド値の代わりに、またはフィールド値に加えて静的テキストを入力します。
3. キャプションが必要ない場合は、フィールドを空白のままにします。
チャートの代替テキストを入力します。
代替テキストはポップアップ上で非表示になり、スクリーンリーダーで使用されます。
1. [フィールドの追加] をクリックして、データからフィールドまたは式を選択します。データ内の各フィーチャに一意の代替テキストを指定する場合、このオプションを使用します。
2. 必要に応じて、フィールド値の代わりに、またはフィールド値に加えて静的テキストを入力します。
3. 代替テキストが必要ない場合は、フィールドを空白のままにします。
[フィールドの選択] をクリックして、チャートに含めるフィールドを選択します。
必要に応じて、以下に従ってチャート色を調整します。
- ラインチャートでは、カラーパレットから色を選択するか、RGB、HSV、または 16 進数値を使用してカスタム色を指定します。カスタム色を保存するには [追加] をクリックします。保存した色を削除するには [削除] をクリックします。色の選択が完了したら、[完了] をクリックします。
- バーチャートおよびパイチャートでは、カラーランプを選択して [完了] をクリックします。カラーランプオプションをフィルターするには、ドロップダウンメニューからカラーランプカテゴリ ([暗い背景に最適] や [明るい] など) を選択し、必要に応じて [ランプカラーの反転] をクリックしてランプの色の方向を変更します。あるいは、リスト内の各フィールドの横にある色付きのシンボルをクリックして、すべての色を個別にカスタマイズします。
  ヒント:
  カラーランプの名前を確認するには、該当するカラーランプにポインターを合わせます。
[デフォルトの色にリセット] をクリックすると、いつでもデフォルトのチャート色に戻すことができます。
必要に応じて、[水平方向] 切り替えボタンをオンにしてバーチャートを水平方向に表示します。
必要に応じて、[正規化] 切り替えボタンをオンにして正規化フィールドを選択します。
このフィールドの値で値フィールドの値が除算され、比率が作成されます。正規化の比率は、分類および表示する数値に他の要因が影響している場合に役立ちます。たとえば、人口は郡の規模に影響を受ける可能性があるため、人口を面積で除算して、データを正規化することができます。また、データの正規化は、フィールド内の値の計測単位が同一でない場合に有効な比較を示すためにも役立ちます。
複数のチャート (または他のメディアアイテム) が存在し、ポップアップ内でそれらのアイテムが表示される順序を変更する場合は、必要に応じて、[メディア] セクションのアイテムの横の [並べ替え] をクリックし、アイテムを新しい位置にドラッグします。
[コンテンツ] (暗い背景の) ツールバーにある [保存して開く] をクリックし、[保存] をクリックしてポップアップの変更内容を保存します。

テキストの追加

ポップアップにテキストを挿入して、コンテキストと情報を追加できます。

構成するレイヤーの [ポップアップ] ウィンドウを開くには、「ポップアップの構成」セクションの最初の 4 つの手順を実行します。
[コンテンツの追加] をクリックし、[テキスト] を選択します。
テキストエレメントが追加され、テキストエディターが表示されます。
テキストエディターで、次のいずれかを行います。
- [フィールドリスト] をクリックするか「{」を入力して、フィールドを選択するか、データから式を選択します。データ内の各フィーチャに一意のテキストを指定する場合は、このオプションを使用します。
- テキストエディターにプレーンテキストを入力します。
- テキストの書式設定ツールを使用して、テキストの書式を設定します。
ヒント:
表示に対して最大限のコントロールと柔軟性をもたらすには、テキストエディターで [ソース] をクリックし、ポップアップでサポートされている HTML を使用する方法もあります。
[OK] をクリックします。
[コンテンツ] (暗い背景の) ツールバーにある [保存して開く] をクリックし、[保存] をクリックしてポップアップの変更内容を保存します。

Arcade エレメントの追加

既存のフィールドと同様に機能する属性式を使用して値を返すだけでなく、Arcade を使用してポップアップのコンテンツエレメント全体を作成および定義することができます。 Arcade エレメントを使用すると、複数の属性式を扱う際にロジックが重複するのを避けることができます。 Arcade エレメントを使用すると、1 つの式でエレメントのデータなどを定義することができます。

リッチテキスト、チャート、またはフィールドリストエレメントのテンプレートを選択し、エレメントのコンテンツを定義する Arcade 式を作成します。

構成するレイヤーの [ポップアップ] ウィンドウを開くには、「ポップアップの構成」セクションの最初の 4 つの手順を実行します。
[コンテンツの追加] をクリックし、[Arcade] を選択します。
エディターウィンドウが表示されます。
[候補] をクリックし、[テンプレート] タブからテンプレートを選択して式を作成します。
ヒント:
Arcade エレメントは、ポップアップエレメントを定義するディクショナリを返します。テンプレートを使用すると、正しいディクショナリ構造で操作を開始できます。詳細については、Arcade の「ポップアップエレメントの構造」および「ポップアップエレメントのプロファイル」をご参照ください。
終了したら、エディターで [完了] をクリックします。
ヒント:
エディターを閉じる前に Arcade エレメントにタイトルを付けて、ポップアップコンテンツエレメントのリスト内で簡単に識別できるようにします。
[コンテンツ] (暗い背景の) ツールバーにある [保存して開く] をクリックし、[保存] をクリックしてポップアップの変更内容を保存します。

ヒント:

ヒント:

構成オプション

ヒント:

ポップアップの有効化と削除

注意:

ポップアップの構成

ヒント:

注意:

注意:

フィールドの構成

ヒント:

注意:

式の使用

ヒント:

ヒント:

アタッチメントの追加

注意:

画像の追加

ヒント:

チャートの追加

ヒント:

テキストの追加

ヒント:

Arcade エレメントの追加

ヒント:

ヒント:

関連レコードの表示

注意:

このトピックの内容