フィーチャ レイヤーのポップアップを構成する場合、コンテンツとそのコンテンツの表示方法をカスタマイズできます。 ポップアップにはカスタム テキスト、フィールドのリスト、チャート、画像、リンクされたアタッチメントのリスト、カルーセルに表示される一連のチャートと画像を含むことができます。 エレメントを分割、配置および回転したり、枠線のスタイルを適用したりできます。
レイヤーのポップアップを構成するには、[コンテンツ] ウィンドウでレイヤーを右クリックし、[ポップアップの構成] をクリックして [ポップアップの構成] ウィンドウを開きます。
ポップアップ エレメント
デフォルトのポップアップでは、フィールドが一列にリストされています。 レイヤーに画像のアタッチメントがある場合は、画像エレメントが含まれます。 これらのエレメントには枠線が表示されません。 エレメントの選択肢はウィンドウの上部にボタンで示されます。 エレメント タイプをクリックして、ポップアップ定義リストの最下部に追加します。 必要に応じて、エレメント タイプをクリックして、特定の垂直位置にドラッグします。 エレメントを別のタイプに切り替えるには、リストのアイテムの上にエレメントをドラッグすることで、画像エレメントからテキスト エレメントに変更するなどができます。 こうすることで既存のエレメントの削除と、不意なカスタム配置変更の必要がなくなります。
ポップアップ エレメントは、関連データ、ハイパーリンク、ArcGIS Arcade 式、および HTML コードをサポートしており、タイトルと説明が含まれています。
次の表は、使用可能なポップアップのエレメントを示しています。
要素 | 説明 |
---|---|
タイトル | ポップアップの名前を指定するテキストまたはフィールド値。 [フィールド] ドロップダウン メニューを使用して、レイヤーからダイナミック テキストを追加します。 レイヤー プロパティで定義された表示名がデフォルトで使用されます。 |
テキスト | ハイパーリンクを含むカスタム テキストをポップアップに追加します。 標準のテキストの書式設定オプションを使用できます。 必要に応じて、HTML モードをオンにして、テキストをさらに拡張します。 注意:
|
フィールドのリスト | ポップアップに表示するフィールドを選択します。 デフォルトでは、リストには表のフィールドの表示設定が反映されます。 必要に応じて、[表示フィールドと Arcade 条件式のみを使用] オプションをオフにして、リストをさらにカスタマイズします。 レイヤーに関連レコード セット含まれている場合は、関連する数値フィールドの統計情報も含めることができます。 選択フィールドをクリックし、ドラッグして順序を変更できます。 [フィールド エイリアス {フィールド名}] 見出しを右クリックして、すべてのフィールドを並べ替えます。 必要に応じて、HTML モードをオフにして、エレメントを事前設定されたテキスト エレメントに変換して、テキストをさらに拡張します。 |
チャート | 縦棒グラフ、横棒グラフ、線グラフ、または円グラフを作成します。 チャート、およびチャートを正規化するためのフィールドには、両方とも数値フィールドのみを使用できます。 注意:チャートには最初の 10 のフィールドのみが含まれ、X 軸のラベルのサイズは、含まれているフィールドの合計数に合わせて調整されます。 チャートには、タイトルとキャプションを設定できます。 必要に応じて、HTML モードをオンにして、テキストをさらに拡張します。 |
画像 | ローカルまたは Web ベースの URL、あるいはアタッチメント ファイルから画像を指定し、カスタムのタイトルまたはキャプションを設定します。 画像のアタッチメントの場合、[フィールド] ドロップダウン メニューにファイルの名前が表示されるため、複数のアタッチメント ファイルのタイトルまたはキャプションを区別できます。 アタッチメント ファイルからの画像は、Web マップまたはフィーチャ レイヤーとして共有されている場合には表示されません。 必要に応じて、HTML モードをオンにして、タイトルとキャプションのテキストをさらに拡張します。 |
アタッチメント | アタッチメント ファイルが有効になっているレイヤーの場合、アタッチメント ファイルのリストをポップアップ内に表示できます。 [ポップアップの構成] ウィンドウの [アタッチメント リストの表示] オプションをオンにします。 このオプションを有効にすると、デフォルトのファイル ハンドラーで各アタッチメント ファイルを開くハイパーリンクが、ポップアップにリスト表示されます。 [アタッチメント リストの表示] オプションがオンになっているときに、アタッチメント ファイルが関連付けられていないフィーチャのポップアップを表示すると、アタッチメント ファイルが見つからなかったことを示すメッセージがポップアップに表示されます。 |
カルーセル | 複数のチャートまたは画像エレメントを保持できるコンテナーです。 アイテムは上から下への順序で表示されます。 ポップアップで、方向矢印を使用してリストを参照します。 アイテムは、構成された順序で表示されます。 |
エレメントを選択したら、そのエレメントをダブルクリックしてプロパティを編集するか、[ポップアップ エレメントの編集] ボタン をクリックします。 オプションで、F2 キーまたは Enter キーを押してプロパティを編集します。
エレメントのプロパティを編集し終えたら、[戻る] をクリックして [ポップアップの構成] ウィンドウのホーム ページに戻り、変更を確定します。 選択したレイヤーを [コンテンツ] ウィンドウで変更した場合も、変更は確定されます。 ポップアップを次回操作するときに、これらの更新内容が反映されます。
ヒント:
[ポップアップの構成] ウィンドウの下部で、ポップアップを無効にしたり、ArcGIS Arcade 式でカスタマイズしたり、数値フィールドおよび日付フィールドの形式を変更したり、以前の状態にリセットしたりすることができます。
HTML モード
HTML を使用して、エレメントをさらにカスタマイズできます。 [HTML モード] 切り替えボタンをオンにして、このモードに入ります。
注意:
HTML モードでは、次の点に留意してください。
- タイトルとキャプションでは、チャートと画像エレメントは HTML のみをサポートします。
- フィールド エレメントは、テキスト エレメントに変換されます。これらのテキストエレメントは事前設定され、表示されているフィールドの現在のリストを含む表があります。
タグ | 属性 |
---|---|
a | href、style |
audio | autoplay、controls、loop、muted、preload |
img | src、width、height、border、alt、style |
source | media、src、type |
span | style |
table | width、height、cellpadding、cellspacing、border、style |
div | style、align |
font | size、color、style |
tr | height、valign、align、style |
td、th | height、width、valign、align、colspan、rowspan、nowrap、style |
p | style |
b、strong、i、em、u、ul、ol、li、tbody、br、hr |
HTML の注意事項
HTML を使用する際には、以下の点に注意してください。
- 上記の表にリストされていない HTML タグはサポートされていないため、除外されます。
- href と src に対して許可されているプロトコルは https、http、tel、および mailto です。
- タグは自動的に閉じられます。
- <>&s は、<>&" を使用してエスケープされていない場合、適切なタグの外側にエスケープされます。
- UNC リンクはサポートされません。
- a タグが使用されると、href ターゲット URL は常に、新しいブラウザー タブで開きます。
- HTML モードをオフにすると、すべての HTML カスタマイズ内容が失われます。
エレメントの分割
ポップアップ構成に追加する各エレメントを縦方向または横方向に半分に分割して、ポップアップ内にユニークなグリッドを作成することができます。 1 つ以上のエレメントを選択し、[横方向に分割] をクリックして、元のスペース内に 2 つの同一エレメントを横に並べて作成します。
注意:
エレメントを行の 25 パーセント (1/4) 未満の幅に分割することはできません。 [横方向に分割] オプションは、選択エレメントに操作を完了するための十分なスペースが存在しない場合も使用できません。
または、[縦方向に分割] をクリックして、選択したエレメントを縦方向に重ねられた 2 つの行として複製することができます。元の行の選択されていないエレメントがこれら 2 つの行に広がります。
エレメント セットの回転
選択したエレメント セットを、反時計回りに 90 度回転できます。 これにより、1 行の複数のエレメントを複数の行の各エレメントに変換したり、複数の行のエレメントを 1 行に変換したりできます。
注意:
複数の行を 1 行に変換する場合は、最大 4 つのエレメントが可能です。
エレメントを回転するには、同じ幅の 2 つ以上のエレメント、または同じ幅のエリアを形成するエレメント セットを選択し、[左 90 度回転] をクリックして選択内容を回転させます。
ポップアップ エレメントの配置の更新
1 行内の複数エレメントを横方向に配置させた場合、配置のドロップダウン メニューを使用していつでも調整できます。 分割ボタンの横のドロップダウン メニューをクリックして、1 行内の 1 つ以上のエレメントが選択された場合の配置オプションを表示します。 メニューを展開して、その行で使用可能な構成のリストを表示します。 オプションにマウス ポインターを合わせると、特定の幅のパーセンテージが表示されます。 別の配置を選択して、その行にエレメントを再配置して一致させます。
エレメントを垂直に配置するには、手動で調整します。 エレメントのエッジを移動するには、青色のラインが表示されている上または下のエッジにポインターを置きます。 ラインをクリックして、新しい場所へドラッグします。 エッジが移動すると、可能な場所すべてでラインが太くなります。 マウスを放して、エレメントと該当する付近のものを新しい構成に再形成します。
注意:
1 つのエレメントは、別のエレメントを越えることができません。 垂直の動きが可能な場合、エレメントのエッジにマウスを置いても青色のラインは表示されません。 複数の場所が使用可能で、目的の場所に付近のエレメントが含まれる場合、青色のラインは表示されません。これは、移動が無効であることを示します。
エレメントの枠線
すべてのエレメントをカスタマイズして、色付きの枠線を加えることができます。 枠線幅のオプションは [1 pt] から [5 pt] の範囲で、[枠線なし] オプションも含まれます。 標準のカラー パレットを使用できます。
ポップアップ エレメントの削除
エレメントを削除すると配置も更新されます。 [ポップアップ エレメントの削除] ボタン をクリックして、1 つのエレメントを削除します。 または、1 つ以上のエレメントを選択して、配置ボタンの横の [ポップアップ エレメントの削除] ボタンをクリックして、選択したすべてのエレメントを削除します。 エレメントを削除すると、残りの配置がそのスペースを埋めるために拡張します。 同じ行内の同じ高さの隣接エレメントが、欠落したスペースを埋めます。 複数行に広がるエレメントを削除すると、影響を受ける各行が拡大することになります。 同じ高さの隣接エレメントが存在しない場合、同じ幅のエレメントが上または下から拡大してきます。