ポップアップの構成

フィーチャ レイヤーのポップアップを構成する場合、コンテンツとそのコンテンツの表示方法をカスタマイズできます。 ポップアップにはカスタム テキスト、フィールドのリスト、チャート、画像、リンクされたアタッチメントのリスト、カルーセルに表示される一連のチャートと画像を含むことができます。 エレメントを分割、配置および回転したり、枠線のスタイルを適用したりできます。

レイヤーのポップアップを構成するには、[コンテンツ] ウィンドウでレイヤーを右クリックし、[ポップアップの構成] ポップアップの構成 をクリックして [ポップアップの構成] ウィンドウを開きます。

注意:

3D タイル レイヤー」と一部の「ラスター タイプ」はポップアップの構成をサポートしていません。

ポップアップ エレメント

デフォルトのポップアップでは、フィールドが一列にリストされています。 レイヤーに画像のアタッチメントがある場合は、画像エレメントが追加されます。 これらのエレメントには枠線が表示されません。 エレメントの選択肢はウィンドウの上部にボタンで示されます。 エレメント タイプをクリックして、ポップアップ定義リストの最下部に追加します。 必要に応じて、エレメント タイプをクリックして、特定の垂直位置にドラッグします。 エレメントを別のタイプに切り替えるには、リストのアイテムの上にエレメントをドラッグすることで、画像エレメントからテキスト エレメントに変更するなどができます。 こうすることで既存のエレメントの削除と、不意なカスタム配置変更の必要がなくなります。

ポップアップ エレメントは、「関連データ」、「ハイパーリンク」、「ArcGIS Arcade」式、および「HTML コード」をサポートしており、タイトルと説明が含まれています。

次の表は、使用可能なポップアップのエレメントを示しています。

エレメント説明

タイトル

ポップアップの名前を指定するテキストまたはフィールド値。 [フィールド] ドロップダウン メニューを使用して、レイヤーからダイナミック テキストを追加します。 レイヤー プロパティで定義された表示名がデフォルトで使用されます。

テキスト テキスト

ハイパーリンクを含むカスタム テキストをポップアップに追加します。 標準のテキストの書式設定オプションを使用できます。 必要に応じて、「HTML モード」をオンにして、テキストをさらに拡張します。

注意:

  • カスタムの ArcGIS フォントは、ポップアップではサポートされません。
  • キーボード ショートカットの Shift + Enter キーを使用すると、段落間に 1 つのスペースが作成されます。

フィールド フィールド

ポップアップに表示するフィールドを選択します。 デフォルトでは、リストには表のフィールドの表示設定が反映されます。 必要に応じて、[表示フィールドと Arcade 式のみを使用] オプションをオフにして、リストをさらにカスタマイズします。 レイヤーに関連レコード セット含まれている場合は、関連する数値フィールドの統計情報も含めることができます。

[フィールドの書式設定] ボタンをクリックして、フィールド エイリアス、および数値フィールドと日付フィールドの書式設定を変更します。

選択フィールドをクリックし、ドラッグして順序を変更できます。 [フィールド エイリアス {フィールド名}] 見出しを右クリックして、すべてのフィールドを並べ替えます。

必要に応じて、「HTML モード」をオフにして、エレメントを事前設定されたテキスト エレメントに変換して、テキストをさらに拡張します。

画像 画像

ローカルまたは Web ベースの URL、あるいはアタッチメントから画像を指定し、カスタムのタイトルまたはキャプションを設定します。 画像のアタッチメントの場合、[フィールド] ドロップダウン メニューにファイルの名前が表示されるため、複数のアタッチメントのタイトルまたはキャプションを区別できます。 アタッチメントからの画像は、Web マップまたはフィーチャ レイヤーとして共有されている場合には表示されません。

必要に応じて、「HTML モード」をオンにして、タイトルとキャプションのテキストをさらに拡張します。

チャート チャート

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

注意:

チャートには最初の 10 のフィールドのみが含まれ、X 軸のラベルのサイズは、含まれているフィールドの合計数に合わせて調整されます。

チャートには、タイトルとキャプションを設定できます。 必要に応じて、「HTML モード」をオンにして、テキストをさらに拡張します。

カルーセル カルーセル

複数のチャートまたは画像エレメントを保持できるコンテナーです。 アイテムは上から下への順序で表示されます。 表示されたポップアップで、方向矢印を使用してリストを参照します。 アイテムは、構成された順序で表示されます。

[Arcade] Arcade 式

カスタム「Arcade」によって定義されたエレメント。 たとえば、フィールド エレメントの各ラベルまたは属性のフォントを書式設定できます。

スムーズに開始できるように、各エレメント タイプに対応したテンプレートのリストがドロップダウン メニューに用意されています。

アタッチメント

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

エレメントを選択したら、そのエレメントをダブルクリックしてプロパティを編集するか、[ポップアップ エレメントの編集] ボタン ポップアップ エレメントの編集 をクリックします。 オプションで、F2 キーまたは Enter キーを押してプロパティを編集します。

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

ヒント:

[ポップアップの構成] ウィンドウの下部に、ポップアップを制御するためのボタンが 4 つあります。

  • [無効] - このレイヤーのポップアップ構成を削除して、フィーチャが識別されたときにポップアップが表示されないようにします。 ポップアップを有効にして、構成を復元します。
  • [式] - ポップアップで使用する「ArcGIS Arcade」式を使用して、フィールドを追加します。
  • [書式設定] - エイリアスまたは「数値と日付のフィールド形式」を変更して、ポップアップ内のフィールドを書式設定します。 ここで行った変更はポップアップ表示専用で、テーブル内のフィールド形式に影響を及ぼしません。
  • [リセット] - ポップアップ構成をデフォルトにリセットします。

HTML モード

HTML を直接入力して、テキスト エレメントをさらにカスタマイズできます。 [HTML モード] 切り替えボタンをオンにして、このモードに入ります。

注意:

HTML モードでは、次の点に留意してください。

  • タイトルとキャプションでは、チャートと画像エレメントは HTML のみをサポートします。
  • フィールド エレメントは、テキスト エレメントに変換されます。これらのテキスト エレメントは事前設定され、表示されているフィールドの現在のリストを含む表があります。

使用可能なサポートされている HTML タグと属性を以下の表に示します。

タグ属性

a

hrefstyle

audio

autoplaycontrolsloopmutedpreload

img

srcwidthheightborderaltstyle

source

mediasrctype

span

style

table

widthheightcellpaddingcellspacingborderstyle

div

stylealign

font

sizecolorstyle

tr

heightvalignalignstyle

tdth

heightwidthvalignaligncolspanrowspannowrapstyle

p

style

bstrongiemuulollitbodybrhr

HTML の注意事項

  • 上記の表にリストされていない HTML タグはサポートされていないため、除外されます。
  • hrefsrc に対して許可されているプロトコルは httpshttptel、および mailto です。
  • 閉じていないタグは自動的に閉じられます。
  • <>&s は、&lt;&gt;&amp;&quot を使用してエスケープされていない場合、適切なタグの外側にエスケープされます。
  • UNC と相対パスはサポートされていません。
  • a タグが使用されると、href ターゲット URL は常に新しいブラウザー タブで開きます。
  • HTML モードをオフにすると、すべての HTML カスタマイズ内容が失われます。

エレメントの分割

ポップアップ構成に追加する各エレメントを縦方向または横方向に半分に分割して、ポップアップ内にユニークなグリッドを作成することができます。 1 つ以上のエレメントを選択し、[横方向に分割] 横方向に分割 をクリックして、元のスペース内に 2 つの同一エレメントを横に並べて作成します。

注意:

エレメントを行の 25 パーセント (1/4) 未満の幅に分割することはできません。 [横方向に分割] コマンドは、選択エレメントに操作を完了するための十分なスペースが存在しない場合も使用できません。

または、[縦方向に分割] 縦方向に分割 をクリックして、選択したエレメントを縦方向に重ねられた 2 つの行として複製することができます。元の行の選択されていないエレメントがこれら 2 つの行に広がります。

エレメント セットの回転

選択したエレメント セットを、反時計回りに 90 度回転できます。 これにより、1 行の複数のエレメントを複数の行の各エレメントに変換したり、複数の行のエレメントを 1 行に変換したりできます。

注意:

複数の行を 1 行に変換する場合は、最大 4 つのエレメントが可能です。

エレメントを回転するには、同じ幅の 2 つ以上のエレメント、または同じ幅のエリアを形成するエレメント セットを選択し、[左 90 度回転] 左 90 度回転 をクリックして選択を回転させます。

ポップアップ エレメントの配置の更新

1 行内の複数エレメントを横方向に配置させた場合、配置のドロップダウン メニューを使用していつでも調整できます。 分割ボタンの横のドロップダウン メニューをクリックして、1 行内の 1 つ以上のエレメントが選択された場合の配置オプションを表示します。 メニューを展開して、その行で使用可能な構成のリストを表示します。 オプションにマウス ポインターを合わせると、特定の幅のパーセンテージが表示されます。 別の配置を選択して、その行にエレメントを再配置して一致させます。

エレメントを垂直に配置するには、手動で調整します。 エレメントのエッジを手動で移動するには、青色のラインが表示されている上または下のエッジにポインターを置きます。 このラインをクリックして、新しい場所へドラッグします。 エッジが移動すると、可能な場所すべてでラインが太くなります。 マウスを放して、エレメントと該当する付近のものを新しい構成に再形成します。

注意:

1 つのエレメントは、別のエレメントを越えることができません。 垂直の動きが可能な場合、エレメントのエッジにマウスを置いても青色のラインは表示されません。 複数の場所が使用可能で、目的の場所に付近のエレメントが含まれる場合、青色のラインは表示されません。これは、移動が無効であることを示します。

エレメントの枠線

すべてのエレメントをさらにカスタマイズして、色付きの枠線を加えることができます。 枠線幅のオプションは [1 pt] から [5 pt] の範囲で、[枠線なし] オプションも含まれます。 標準色パレットを使用できます。

ポップアップ エレメントの削除

エレメントを削除すると配置も更新されます。 [ポップアップ エレメントの削除] ボタン ポップアップ エレメントの削除 をクリックして、1 つのエレメントを削除します。 または、1 つ以上のエレメントを選択して、配置ボタンの横の [ポップアップ エレメントの削除] ボタン ポップアップ エレメントの削除 をクリックして、選択したすべてのエレメントを削除します。 エレメントを削除すると、残りの配置がそのスペースを埋めるために拡張します。 同じ行内の同じ高さの隣接エレメントが、欠落したスペースを埋めます。 複数行に広がるエレメントを削除すると、影響を受ける各行が拡大することになります。 同じ高さの隣接エレメントが存在しない場合、同じ幅のエレメントが上または下から拡大してきます。

関連トピック