ポップアップの構成

フィーチャ レイヤーのポップアップを構成し、コンテンツとそのコンテンツの表示方法をカスタマイズできます。 ポップアップには、カスタム テキスト、フィールドのリスト、チャート、画像、添付ファイルを含めることができます。

レイヤーのポップアップを構成するには、[コンテンツ] ウィンドウでレイヤーを右クリックし、[ポップアップの構成] ポップアップの構成 をクリックします。 [ポップアップの構成] ウィンドウが開くので、ここで、選択したレイヤーのコンテンツを定義できます。

ポップアップ エレメントのカスタマイズ

ポップアップ定義にエレメントを追加するには、ウィンドウの上部でエレメント タイプをクリックします。 ポップアップ エレメントは、関連データ、ハイパーリンク、および Arcade 条件式をサポートしています。

以下の表に、ポップアップ エレメントとその説明を示します。

要素説明

タイトル

ポップアップの名前を指定するテキストまたはフィールド値。 [フィールド] ドロップダウンを使用して、レイヤーからダイナミック テキストを追加します。

テキスト テキスト

ハイパーリンクを含むカスタム テキストをポップアップに追加します。

フィールドのリスト フィールド

ポップアップに表示するフィールドを選択します。 レイヤーに関連レコードが含まれている場合は、関連する数値フィールドの統計情報も含めることができます。

チャート チャート

縦棒グラフ、横棒グラフ、線グラフ、または円グラフを作成します。 チャート、およびチャートを正規化するためのフィールドには、両方とも数値フィールドのみを使用できます。

チャートには、タイトルとキャプションを設定できます。

画像 画像

URL または添付ファイルから画像を指定し、カスタムのタイトルまたはキャプションを設定します。 添付ファイルの場合、[フィールド] ドロップダウン メニューにファイルの名前が表示されるため、複数の添付ファイルのタイトルまたはキャプションを区別できます。 添付ファイルから取り込まれた画像は、Web マップやフィーチャ レイヤーでは削除されます。

添付ファイル

添付ファイルが有効になっているレイヤーの場合、添付ファイルのリストをポップアップ内に表示できます。 [ポップアップの構成] ウィンドウの下部にある [アタッチメント リストの表示] オプションをオンにします。 このオプションを有効にすると、デフォルトのファイル ハンドラーで各添付ファイルを開くハイパーリンクが、ポップアップにリスト表示されます。 [アタッチメント リストの表示] オプションがオンになっているときに、添付ファイルが関連付けられていないフィーチャのポップアップを表示すると、添付ファイルが見つからなかったことを示すメッセージがポップアップに表示されます。

エレメントを選択したら、そのエレメントをダブルクリックしてプロパティを編集するか、[ポップアップ エレメントの編集] ボタン ポップアップ エレメントの編集 をクリックします。

エレメントのプロパティを編集し終えたら、[戻る] 戻る をクリックして [ポップアップの構成] ウィンドウのホーム ページに戻り、変更を確定します。 選択したレイヤーを [コンテンツ] ウィンドウで変更した場合も、変更は確定されます。 ポップアップを次回操作するときに、これらの更新内容が反映されます。

ヒント:

[ポップアップの構成] ウィンドウの下部で、ポップアップを無効にしたり、ArcGIS Arcade 条件式でカスタマイズしたり、以前の状態にリセットしたりすることができます。

関連データの使用

レイヤーがリレートまたはリレーションシップ クラスに属している場合は、ポップアップの上部に、識別されたアイテムがリスト表示され、ここから関連データにアクセスできます。 また、[ポップアップの構成] ウィンドウを使用し、関連データに基づいて、フィールドまたは統計関数をポップアップの下部セクションに追加することもできます。 ポップアップのテキスト エレメントについては、[フィールド] ドロップダウン メニューから関連テーブルのフィールドを選択できます。 フィールド エレメントについては、フィールドのメイン リストの下に関連データが追加されます。 チャート エレメントについては、チャートに追加する関連テーブルの数値フィールドの中から選択できます。 小数点以下の桁数の書式を設定する数値フィールドは、ポップアップに適用されます。

ポップアップで使用されるリレーションシップ クラスの基数は 1 対 1 (1:1)、1 対多 (1:M)、または多対多 (M:N) である必要があります。

1 対 1 のリレーションシップでは、関連テーブルの値が、ただ 1 つの関連レコードからコピーされます。 たとえば、Offices という名前のレイヤーと Current Staff という名前のテーブルの間に 1 対 1 のリレートがある場合、ポップアップには、最初のテーブルの事務所 ID と、2 つ目のテーブルにある現在の事務所員の名前と雇用された日付を表示できます。

1 対多または多対多のリレーションシップでは、統計サマリー値が、複数存在する可能性がある関連レコードから集められます。 たとえば、Land Records レイヤーと Previous Owners テーブルの間に 1 対多のリレートがある場合、ポップアップには、最初のテーブルの区画の住所と、2 つ目のテーブルにある以前の所有者の数および最大購入価格を表示できます。

関連レコードの統計情報

レイヤーに関連レコードが含まれている場合は、次の手順を使用して、関連する数値フィールドの統計情報もポップアップに含めることができます。

  1. [コンテンツ] ウィンドウでレイヤーを右クリックし、[ポップアップの構成] ポップアップの構成 をクリックします。
  2. [フィールド] エレメントの [ポップアップ エレメントの編集] ボタン ポップアップ エレメントの編集 をクリックします。
  3. [関連レコード: 統計] 見出しの下で、含める統計情報の取得元となる関連テーブル名の横の矢印を展開します。 そのテーブルのすべての数値フィールドがリスト表示されます。
  4. 必要なフィールドの横の [表示] ボックスをオンにします。 適用可能な統計情報を含む新しい行が、選択したフィールド名の下に表示されます。
  5. ポップアップに追加する関連統計情報を選択します。
  6. [戻る] 戻る をクリックして、[フィールド オプション] を終了し、変更を確定します。 [ポップアップの構成] ウィンドウのメイン ページに戻ります。

    ステップ 5 で関連統計情報が選択されなかった場合は、変更を確定するときに、その関連フィールドが自動的にオフになります。

ハイパーリンク

ハイパーリンクは、ポップアップにさらに情報を追加するために画像、チャート、またはテキスト エレメントに適用できます。 適用後は、ポップアップ ウィンドウ内のリンク付きエレメントをクリックして、Web ページ、ドキュメント、その他の情報を開くことができます。

ハイパーリンクをテキスト エレメントとして挿入する

  1. [コンテンツ] ウィンドウで、ポップアップを含むレイヤーを右クリックして、[ポップアップの構成] ポップアップの構成 をクリックします。
  2. [ポップアップの構成] ウィンドウで、[テキスト] エレメント ボタン テキスト をクリックして、ポップアップに追加します。
  3. [編集] ボタン ポップアップ エレメントの編集 をクリックしてテキスト エレメントを編集します。
  4. 希望のリンク位置にポインターを置いて、ページ上部にあるボタンのリストから [ハイパーリンク] ボタン ハイパーリンク をクリックします。
  5. [URL] では、ポップアップ ウィンドウ内の画像、チャート、テキストをクリックしたときに開く、または表示するアイテムへの URL またはパスを入力します。 次のいずれかを実行します。
    • 使用するアイテムへの絶対パスを入力します。たとえば、\\machineName\sharedDirectory\imageName.jpg または file:///C:\Users\temp\OperationsSchedule.docx です。
    • ベース パスを入力して、属性テーブル フィールドからパスの残りの部分を取得します。たとえば、\\machineName\sharedDirectory\{Hyperlink_FieldName} です。 "mailto:"{EmailAddressField} を使用することもできます。
    • 属性テーブル フィールド内にソース URL を設定して、そのフィールドを {FieldNameWithLinks} として参照します。
    • {expression/expression0} として名前で参照できる Arcade 条件式を使用します。
  6. [説明] では、リンクとして表示するテキストを入力して、[適用] をクリックします。
  7. 必要に応じて、追加のテキストを指定して書式設定します。
  8. [構成のポップアップ] ウィンドウの [テキスト オプション] タブで [戻る] ボタン 戻る をクリックして、編集内容を保存します。

ハイパーリンクをチャート エレメントとして挿入する

  1. [コンテンツ] ウィンドウで、ポップアップを含むレイヤーを右クリックして、[ポップアップの構成] ポップアップの構成 をクリックします。
  2. [ポップアップの構成] ウィンドウで、[チャート] エレメント ボタン チャート をクリックして、ポップアップに追加します。
  3. [編集] ボタン ポップアップ エレメントの編集 をクリックしてチャート エレメントを編集します。
  4. チャート エレメントでは、[タイトル][キャプション] セクションでハイパーリンクを使用できます。 希望の位置にポインターを置いて、ページ上部にあるボタンのリストから [ハイパーリンク] ボタン ハイパーリンク をクリックします。
  5. [URL] では、ポップアップ ウィンドウ内の画像、チャート、テキストをクリックしたときに開く、または表示するアイテムへの URL またはパスを入力します。 次のいずれかを実行します。
    • 使用するアイテムへの絶対パスを入力します。たとえば、\\machineName\sharedDirectory\imageName.jpg または file:///C:\Users\temp\OperationsSchedule.docx です。
    • ベース パスを入力して、属性テーブル フィールドからパスの残りの部分を取得します。たとえば、\\machineName\sharedDirectory\{Hyperlink_FieldName} です。 "mailto:"{EmailAddressField} を使用することもできます。
    • 属性テーブル フィールド内にソース URL を設定して、そのフィールドを {FieldNameWithLinks} として参照します。
    • {expression/expression0} として名前で参照できる Arcade 条件式を使用します。
  6. [説明] では、リンクとして表示するテキストを入力して、[適用] をクリックします。
  7. 必要に応じて、[タイトル][キャプション] セクション内に追加のテキストを指定して書式設定します。
  8. [構成のポップアップ] ウィンドウの [チャート オプション] タブで [戻る] 戻る ボタンをクリックして、編集内容を保存します。

ハイパーリンクを画像エレメントとして挿入する

  1. [コンテンツ] ウィンドウで、ポップアップを含むレイヤーを右クリックして、[ポップアップの構成] ポップアップの構成 をクリックします。
  2. [ポップアップの構成] ウィンドウで、[画像] エレメント ボタン 画像 をクリックして、ポップアップに追加します。
  3. [編集] ボタン ポップアップ エレメントの編集 をクリックして画像エレメントを編集します。
  4. 希望のリンク位置 (画像エレメントでは [タイトル][キャプション] セクションでハイパーリンクを使用できます) にポインターを置いて、ページ上部にあるボタンのリストから [ハイパーリンク] ボタン ハイパーリンク をクリックします。
  5. [URL] では、ポップアップ ウィンドウ内の画像、チャート、テキストをクリックしたときに開く、または表示するアイテムへの URL またはパスを入力します。 次のいずれかを実行します。
    • 画像への絶対パスを入力します。たとえば、\\machineName\sharedDirectory\imageName.jpg または file:///C:\Users\temp\OperationsSchedule.docx です。
    • ベース パスを入力して、属性テーブル フィールドからパスの残りの部分を取得します。たとえば、\\machineName\sharedDirectory\{Hyperlink_FieldName} です。 "mailto:"{EmailAddressField} を使用することもできます。
    • 属性テーブル フィールド内にソース URL を設定して、そのフィールドを {FieldNameWithLinks} として参照します。
    • {expression/expression0} として名前で参照できる Arcade 条件式を使用します。
  6. [説明] では、リンクとして表示するテキストを入力して、[適用] をクリックします。
  7. [ソース URL] では、ポップアップ ウィンドウに表示する画像への URL またはパスを入力します。
  8. [ハイパーリンク] では、リンクを実行したときに表示されるアイテムへの URL またはパスを入力します。
  9. [構成のポップアップ] ウィンドウの [画像オプション] タブで [戻る] ボタン 戻る をクリックして、編集内容を保存します。