日本語

FAQ: ArcGIS Online ポップアップ ウィンドウで複数の画像を連結することはできますか?

質問

ArcGIS Online ポップアップ ウィンドウで複数の画像を連結することはできますか?

答え

はい。ArcGIS Online ポップアップ ウィンドウで複数の画像を連結できます。 ポップアップ ウィンドウに複数の画像を表示すると、各フィーチャに関連付けられているカテゴリ オプションや属性を表示する際に便利です。 たとえば、各観光スポットでのさまざまなアクティビティ (ハイキング、キャンプ、駐車) を示す国立公園のマップや、各観光名所 (ショッピング、美術館、食事) に関連付けられているさまざまなタイプのアクティビティを示す市街地ガイド マップなどがあります。 これらのアクティビティを単語列ではなく、ポップアップ ウィンドウに画像として表示するほうが高い視覚効果が得られます。

以下の手順に従って、ArcGIS Online ポップアップ ウィンドウで複数の画像を連結します。

  1. ArcGIS Online で、属性テーブルに値や画像 URL を含む複数のフィールドがあることを確認してください。

    This is the attribute table.
     
    注意:
    画像 URL の先頭は https:// で、末尾はファイル形式 (*.jpg、*.png、*.svg など) です。 例: https://upload.wikimedia.org/wikipedia/commons/4/40/Monument_icon_for_maps.svg
    
    次のいずれかの方法で、インターネットから画像 URL を取得します。
    • Google Chrome: 画像を右クリックして [画像アドレスをコピー] を選択します。
    • Internet Explorer: 画像を右クリックして [要素の検査] をクリックします。 [DOM Explorer] で、[src=] に続く画像 URL をダブルクリックしてコピーします。
    • Mozilla Firefox: 画像を右クリックして [画像の URL をコピー] を選択します。
    • Safari: 画像を右クリックして [イメージのアドレスをコピー] を選択します。
    • Opera: 画像を右クリックして [画像のアドレスをコピー] を選択します。
    • Microsoft Edge: 画像を右クリックして [コピー] を選択します。
    
  2. Web マップで [コンテンツ] に移動し、構成するレイヤーの下にある [その他のオプション] アイコン This is the More Options icon. をクリックします。
  3. [ポップアップの構成] を選択して、[ポップアップの構成] ウィンドウを開きます。
  4. [ポップアップ タイトル] セクションにコード ブロックを入力します。 たとえば、次のコードはバッテリー パークに関連付けられている 3 つの画像を連結します (以下の図を参照)。
    Activities

    This is the Configure Pop-up pane.
     
    注意:
    • 例における「Activities」は、画像の分類に適した他のわかりやすい単語に変更できます。
    • 例における「URL_1」、「URL_2」、および「URL_3」は、特定の属性を表す他のフィールド名に変更できます。
       コード ブロックを入力する際、{FieldNameOfURL} を手動で入力する代わりに、[追加] アイコンを使用してコード内にフィールド名を挿入できます。
    • Web サイトから取得した画像のサイズが一定の場合、img src HTML タグの width 属性および height 属性はオプションになります。 
      取得した画像のサイズが一定でない場合、以下に示すように、width および height 属性を破棄すると不規則な画像が生成されます。
    
    These are irregular images in the pop-up window.
  5. [OK] をクリックします。 ポップアップ ウィンドウは複数の画像と連結されています。

    以下の図では、ロウアー マンハッタンのバッテリー パークが野外アクティビティ、公園、および川下りに関連付けられた地域として表示されています。 マップ上の他の観光名所をクリックすると、選択した名所に関連付けられたさまざまなタイプのアクティビティが表示されます。

    This is the multiple images in the pop-up window.

Related Information