Skip To Content

アプリ、データ、Web マップの表示

次のカードを使用して、コア チームのメンバーは、ダッシュボード、ストーリー マップ、ドキュメント、他のサイトやページなど、さまざまなコンテンツをサイトやページ上に表示できます。

  • [ギャラリー] カード - 他のサイトやページを含む、各種アイテムを組み合わせて表示するときに使用します。 このカードはモバイル レスポンシブでもあり、コンテンツはデバイスのサイズに関係なく正しく表示されます。
  • [カテゴリ] カード - このカードは、データセットやその他のタイプのコンテンツをカテゴリ別にグループ化するときに使用します。 作成した各カテゴリは任意のアイコンによって表されます。
  • [マップ] カード - Web マップまたは Web シーンがサイトに表示されます。 行カードの設定を使用して、サイト全体に表示するか、他のコンテンツの横に固定幅で表示するかを調整できます。
  • [アプリケーション] カード - Web アプリ、ダッシュボード、Insights ページ、Experience Builder Web アプリ、ストーリーマップなど、サポートされている ArcGIS アプリケーションを表示します。
注意:

サイトまたはページにコンテンツを表示しても、そのアイテムはサイトのコンテンツ ライブラリに自動的には追加されません。 [ギャラリー][マップ][アプリケーション] カードを使用する際、サイトの検索結果に表示するには、アイテムをサイトのコンテンツ ライブラリに追加する必要もあります。 詳細については、「既存のアイテムの追加」をご参照ください。

サイトやページに表示される一般的なアイテムには、ダッシュボード、ストーリー マップ、Web マップなどがあります。 これらのアイテムは Portal for ArcGIS で作成および管理します。 カードにコンテンツを取り込む際には、独自のコンテンツか、チーム、組織、またはパブリックと共有しているコンテンツから選択できます。

最初に、Portal for ArcGIS にサイン インし、[概要] ページの [サイト] をクリックしてサイトのリストを表示します。

ヒント:

サイトをブラウザーで表示しているときに編集することもできます。 サイン インしていて、サイトの左側に編集ボタンが表示されていることを確認してください。

マップの追加

Web マップまたは 3D シーンをサイトに追加するには、次の手順に従います。

注意:

現在、Web マップを表示するのに iframe を使用している場合は、代わりに [マップ] カードに切り替えることを検討してください。 詳細については、「ArcGIS Hub および ArcGIS Enterprise サイトでの 3D Web シーン、ベクター タイル ベース マップ、その他」をご参照ください。

  1. [マップ] カードを既存の行にドラッグします。
  2. [Web マップを検索] をクリックします。
  3. [マイ マップ][組織のマップ]、または [すべてのマップ] を検索して、Web マップを見つけます。
  4. マップのタイトルを表示するには、[タイトル] の切り替えボタンをクリックします。
  5. マップの [高さ] の値 (ピクセル) を設定します。

    アイテムは、以前の iframe カードと同様に、サイトまたはページ上に直接表示されます。 以下のアイテムがサポートされています。

    ヒント:
    モバイル デバイスにより適した 2 つ目のバージョンのアイテムがある場合は、そのアイテムを [モバイル] オプションに追加し、元のアイテムに [デスクトップ] オプションを使用します。 マップのモバイル バージョンが存在しないときに、画面サイズが小さくてもマップの設計品質を確保したい場合は、[モバイルで非表示] 切り替えを使用します。

1 つのアプリケーションの埋め込み

[アプリケーション] カードを使用すると、アイテムをサイトまたはページで直接表示できます。 以下のアイテムがサポートされています。

ヒント:
モバイル デバイスにより適した 2 つ目のバージョンのアイテムがある場合は、そのアイテムを [モバイル] オプションに追加し、元のアイテムに [デスクトップ] オプションを使用します。 アプリケーションのモバイル バージョンが存在しないときに、画面サイズが小さくてもマップの設計品質を確保したい場合は、[モバイルで非表示] 切り替えを使用します。

  • アプリ - アプリケーションおよび Web マッピング アプリケーション
  • ドキュメント - PDF、Microsoft Excel、Microsoft PowerPoint、iWork Keynote、iWork Pages、iWork ドキュメント、Visio ドキュメント
  • データセット
  • ダッシュボード
  • サイトとページ

コンテンツのギャラリーの作成

ギャラリー カードは、アイテムのサムネイルとサマリーを使用して最大 16 個のアイテムを表示します。 訪問者は、アイテムのカードをクリックすることで、ギャラリー内のアイテムを開くことができます。 グループ、サイトのコンテンツ ライブラリ、または個々のアイテムを使用して、ギャラリーを設定できます。

  1. [ギャラリー] カードを既存の行にドラッグします。
    注意:

    デフォルトでは、ギャラリーにはサイトのコンテンツ ライブラリで共有されているアイテムが表示されます。 これは、ギャラリーのコンテンツのソースとして、引き続き使用できます。 [ダイナミック] オプションを使用してグループを追加することもできます。または、個々のアイテムを選択する場合は、[マニュアル] オプションを選択できます。

  2. [表示] メニューで、次のいずれかのオプションを選択します。
    • [ダイナミック] - このオプションを選択した場合、選択したグループに属するアイテムが表示されます。 [コンテンツ タイプ] メニューを使用すると、このグループ内のどのタイプのアイテムを表示するかを選択できます。 また、タグカテゴリを使用することで、表示されるアイテムを調整することもできます。 これらのカテゴリは、カテゴリ カードとは異なります。
      ヒント:

      このオプションを使用すると、選択したグループのアイテムが更新されたときに、サイトが最新の状態を維持します。 たとえば、サイトのコア チーム グループを追加した場合、チーム メンバーが作成または更新した新しいコンテンツは自動的にギャラリーに表示されます。

    • [マニュアル] - このオプションを使用すると、アイテムが属しているグループに関係なく、表示するアイテムを選択できます。 手動表示を選択した場合、サイド パネルでカードのリストを調整することで、カードがレイアウトに表示される方法を並べ替えることができます。
      ヒント:

      サイトに表示するアイテムを手動で選択しても、そのアイテムはサイトのコンテンツ ライブラリに自動的に追加されません。

  3. 必要に応じて、アイテムが共有されているかどうかと、アイテムに割り当てられているタグまたはカテゴリを基準に、表示されるアイテムを並べ替えます。
  4. [スタイル] ドロップダウン メニューから、次のオプションを使用してギャラリーカードの外観を選択します。
    • [画像] - [アイコン] または [サムネイル] を選択します。 サムネイルの編集の詳細については、「アイテムの詳細」をご参照ください。
    • [角] - 四角い角か丸い角を選択します。
    • [ボタンを含める] - 必要に応じて、ユーザーがカードのアイテムを開く際にクリックするボタンを追加します。
      ヒント:

      ギャラリーの外観をシンプルにするために、ボタンを含めないようにすることもできます。 サイトの訪問者は、ギャラリー内の各カードにポインターを合わせると、そのカードが持ち上がることに気付きます。

データのカテゴリの表示

アイコンを使用して、タグで示されているかグループに整理されているデータセット、Web マップ、アプリケーションを表す Hydrology などの関連コンテンツを表現することができます。

  1. [カテゴリ] カードを既存の行にドラッグします。
  2. カテゴリのリンク テキストを編集します。
  3. [タグ クエリを使用][カテゴリ クエリを使用] または [グループを使用] を選択します。
    • [タグ クエリ] - タグ クエリを入力します。 各エンタープライズ ポータル アイテムでこの一致タグを持つデータセットがすべて、検索結果で返されます。
    • [グループ] - グループを選択します。 このグループ内のデータセットがすべて、検索結果で返されます。
    • [カテゴリ クエリ] - 組織が設定したカテゴリを特定します。 カテゴリの作成に関する詳細については、「コンテンツの分類」をご参照ください。
  4. カテゴリを表すアイコンを選択するには、ライブラリまたは独自の *.svg ファイルを使用します。
    1. [アイコンを選択] をクリックします。
    2. アイコンを選択して、[選択] をクリックします。
    3. アイコンの右にあるグレーのボックスをクリックして、アイコンの色を選択します。
  5. 独自のアイコンを使用する場合:
    1. アイコンの URL を入力します。
    2. 視力が良くないユーザーを支援したり、サイトのアクセシビリティを向上させたりするために、アイコンに代替テキストを提供します。

    注意:
    カスタム アイコンは、*.svg または透明な *.png ファイルとして保存する必要があります。 120 x 120 ピクセルに合うように、アイコンのサイズが変更されます。

  6. [保存] をクリックします。