Skip To Content

マップ、アプリ、グループの埋め込み

マップ、アプリ、またはマップやアプリのグループを共有する方法の 1 つに、ブログや組織の Web サイトなどの Web ページにそれらを埋め込むというものがあります。ポータルでは、必要なコードと、レイアウトや表示用のオプションを提供しています。Portal for ArcGIS のツールを使用してマップ、アプリ、およびグループを埋め込むには、共有権限が必要です。

マップの埋め込み

Map Viewer で開いているパブリック マップを埋め込むには、すぐに使用できる HTML コードをコピーして Web サイトに貼り付けます。必要な場合は、コードをコピーする前にマップの埋め込みビューを構成できます。マップのサイズの選択、マップ オプションの選択、マップ上の位置へのシンボルの追加、およびテーマの選択が可能です。

  1. コンテンツを共有する権限でサイン インしていることを確認します。
  2. Map Viewer で、保存済みのマップを開いて [共有] をクリックします。
  3. マップがすべての人と共有 (パブリック) されていることを確認します。
  4. [Web サイトに埋め込む] をクリックします。

    このオプションを利用できない場合は、マップがパブリックでないため、そのマップを埋め込むことはできません。 マップの所有者である場合、そのマップのステータスをパブリックに変更できます。

  5. 必要に応じ、次の手順に従ってマップを構成します。
    • マップ サイズを選択します。
    • マップに含めるオプションのボックスをオンにします。オプションには、ズーム コントロール、ホーム ボタン、ベースマップ セレクター (ギャラリーを選択するか、有効/無効を切り替え)、大きなマップを表示するためのリンク、スクロール ズームを無効化するリンク、縮尺記号、場所検索 (現在のマップ表示範囲で検索する場合はオン)、マップの詳細情報、凡例 (アクティブなパネルをマップ詳細または凡例から選択)、およびプレビュー画像 (アプリの読み込み時にマップの画像を表示) があります。プレビューに、マップでのオプションの表示位置が示されます。
      ヒント:

      大きなマップを表示するオプションを含める場合、大きなマップは埋め込まれたアプリの独自のページに表示されます。リンクの名前は、HTML コードの View larger map を編集して変更できます。

    • マップ上の特定の位置にシンボルを追加します。[シンボルの追加] タブを使用して位置を選択し、シンボルのタイトル、ポップアップの説明、およびシンボルとして表示する画像の URL を入力します。最適な結果を得るには、画像は幅 120 ピクセル/高さ 120 ピクセル以下である必要があります。それ以外のサイズの場合は、きちんと収まるように調整されます。使用できる画像形式は PNG、GIF、および JPEG です。
    • テーマを選択します。
  6. 表示されている HTML コードをコピーします。
  7. マップを表示したい Web ページにそのコードを貼り付けます。

アプリの埋め込み

Web サイトに、マップそのものではなくアプリを埋め込むことができます。アプリの埋め込みは、さまざまなシナリオで役立ちます。次のような例があります。

  • 構成したアプリ機能をすべて含むテンプレート (たとえば Basic ViewerStory Map テンプレートのいずれか) を使用して作成したアプリを表示できます。
  • Geoform アプリを Web サイトに埋め込むことで、データ収集を改善します。
  • Directions テンプレートから作成されたアプリを埋め込んだり Web AppBuilder for ArcGISDirections ウィジェットを使用することで、 World Routing Service のような認証情報が埋め込まれたプレミアム サービスを含むマップを表示できます。

パブリック Web マップを埋め込む際に、[Web サイトに埋め込む] オプションを使用して、アプリを Web サイトに埋め込むことができます。マップの代わりにアプリを埋め込むには、以下の手順で、生成済みの HTML コードを変更します。ホスト Web アプリや Web AppBuilder for ArcGIS アプリを埋め込むには、以下の手順を行います。

  1. コンテンツを共有する権限でサイン インしていることを確認します。
  2. ポータルでマップおよび Web アプリを作成します。
  3. アプリのアイテム ページの [概要] タブ、またはアプリ起動時のブラウザーのアドレス バーから、アプリの URL をコピーします。
  4. Map Viewer で、アプリの作成に使用するマップを開き、[共有] をクリックします。
  5. マップがすべての人と共有 (パブリック) されていることを確認して [Web サイトに埋め込む] をクリックします。

    このオプションを利用できない場合は、マップがパブリックでないため、そのマップを埋め込むことはできません。マップの所有者である場合、そのマップのステータスをパブリックに変更できます。

  6. マップの埋め込みに必要なサイズを選択します。
  7. 表示された HTML コードから、src= の後から ></iframe> の前までの部分のコードを削除し、コピーしたアプリの URL を貼り付けます。

    たとえば、"http://arcgis.com/apps/Embed/index.html?webmap=4cc9f0ba8e8c4d68b50c01c17efd4730" を削除して "http://arcgis.com/apps/View/index.html?appid=6b6a075eca8d4899958fb273710a6806" に置き換えます。コードの変更部分は以下のようになります。

    <iframe width="500" height="400" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" 
    src="http://arcgis.com/apps/View/index.html?appid=6b6a075eca8d4899958fb273710a6806"></iframe>
  8. HTML コード ブロック全体を、Web サイトの構成にコピーして貼り付けます。
    ヒント:

    また、URL パラメーターを使用して、埋め込もうとしているアプリの外観と操作性や機能を制御することもできます。

マップのグループと Web アプリの埋め込み

ポータル Web サイトを使用してグループを埋め込むときに、レイアウトおよびグループ アイテムの表示方法を選択します。埋め込むことができるのはパブリック グループのみで、マップと Web アプリだけが埋め込まれたギャラリーに表示されます。

  1. コンテンツを共有する権限でサイン インしていることを確認します。
  2. 埋め込むパブリック グループを開きます。
  3. [概要] タブで、[共有] をクリックし、[Web サイトに埋め込む] をクリックします。

    このオプションを利用できない場合は、グループがパブリック グループでないため、グループを埋め込むことはできません。 グループの所有者である場合、グループのステータスをパブリックに変更できます。

  4. グループ アイテムのレイアウトを選択します。
  5. マップと Web アプリの表示方法として、埋め込まれたギャラリー上、事前定義されたギャラリー アプリの新しいウィンドウ内、または構成済みアプリのウィンドウ内のいずれを選択します。
    1. アイテムを新しいウィンドウに表示する場合は、事前定義されたギャラリー アプリを選択します。
    2. アイテムを構成済みアプリの新しいウィンドウに表示する場合は、アプリの URL を入力します。
  6. 表示されている HTML コードをコピーします。
  7. グループを表示する Web ページにコードを貼り付けます。