はじめての ArcGIS Web Editor

編集用の Web マップの設定

ArcGIS Web Editor で作業するには、まず編集可能なフィーチャ レイヤーを含む Web マップを作成する必要があります。 これらの権限を持つレイヤーを作成するには、圧縮されたシェープファイルを ArcGIS Online または ArcGIS Enterprise にアップロードして公開します。 作成されたフィーチャ レイヤーは Web マップに保存でき、その後 Web Editor で開くことができます。

  1. ConeyIsland_Pruning zip ファイルをダウンロードします。

    [ConeyIsland_Pruning.zip] ファイルはシェープファイルです。 次に、組織アカウントにサイン インし、シェープファイルをフィーチャ レイヤーとしてアップロードします。 これで、レイヤーの編集のフルコントロールができるようになります。

  2. ArcGIS の組織アカウントまたは ArcGIS Enterprise 指定ユーザー アカウントを使用してサイン インします。
    注意:

    組織アカウントがない場合は、ソフトウェア アクセスのオプションをご参照ください

  3. リボンの [コンテンツ] タブをクリックします。 [新しいアイテム] をクリックします。

    新しいアイテム ボタン

    [新しいアイテム] ウィンドウが開きます。

  4. [ConeyIsland_Pruning.zip] ファイルを [新しいアイテム] ウィンドウにドラッグします。

    [ConeyIsland_Pruning.zip] ファイルが [新しいアイテム] ウィンドウに追加されます。

    ヒント:

    ファイルを直接参照したい場合は、[お使いのデバイス] をクリックします。 [ConeyIsland_Pruning.zip] ファイルを参照して選択します。 [ConeyIsland_Pruning.zip] ファイルが [新しいアイテム] ウィンドウに追加されます。

  5. [新しいアイテム] ウィンドウの [ファイル タイプ][シェープファイル] を選択します。 [このファイルをどのように追加しますか?] で、[ConeyIsland_Pruning.zip を追加してホスト フィーチャ レイヤーを作成] が選択されていることを確認します。

    ファイル タイプとこのファイルをどのように追加しますか?のパラメーター

  6. [次へ] をクリックします。
  7. [タイトル] に「Coney Island pruning tutorial」と入力して、自分の名前またはイニシャルを付加します。 [カテゴリー][環境] を選択します。
    注意:

    ArcGIS 組織に同じ名前で 2 つのレイヤーを作成することはできません。 レイヤー名にユーザーのイニシャルを追加すると、組織の他のユーザーもこのチュートリアルを完了することができます。 レイヤーが作成されたら、マップ内で名前を変更してイニシャルを削除できます。基になるデータ レイヤーの名前には影響しません。

  8. [タグ] に、次のタグを追加し、タグを入力するたびに Enter を押します:
    • NYC
    • pruning
    • チュートリアル
    • planning
    • storms
  9. [サマリー] には、「This shapefile contains a point layer representing trees and a polygon layer representing priority pruning areas.」と入力するか、コピーして貼り付けます。
  10. [保存] をクリックします。

    新しいフィーチャ レイヤーがコンテンツに追加され、アイテム ページが開きます。 [レイヤー] セクションには、[Tree_Locations][Priority_Areas] の 2 つのサブレイヤーがリストされています。

    レイヤーを作成したので、それを Web マップに追加します。 Web マップには Web Editor からアクセスできます。

  11. [Coney Island pruning tutorial] アイテム ページで、[Map Viewer で開く] をクリックします。

    Map Viewer で開くボタン

    Map Viewer を開きます。

  12. [コンテンツ] (暗い背景の) ツールバーで、[保存] をクリックしてから [名前を付けて保存] を選択します。

    名前を付けて保存オプション

  13. [マップの保存] ウィンドウで、次の情報を入力します。
    • [タイトル] に「Coney Island pruning tutorial」と入力します。
    • [カテゴリー][環境] を選択します。
    • [タグ] に「NYC」、「pruning」、「tutorial」、「planning」、および「storms」と入力します。
    • [サマリー] には、「This map contains a point layer representing trees and a polygon layer representing priority pruning areas」と入力します。
  14. [保存] をクリックします。

    コンテンツに Web マップが追加されます。 マップを Web Editor で開く準備ができました。

  15. リボンの [アプリ ランチャー] ボタンをクリックし [Web Editor] を選択します。

    Web Editor アプリ

    Web Editor アプリが新しいタブに開きます。 Web Editor により、編集ワークフローを素早く完了できます。 Web Editor インターフェイスを含むアプリの概要については、Web Editor の概要のドキュメント サイトをご参照ください。

    注意:

    Web Editor を初めて開く場合は、開始するのに Web マップを開くように求めるメッセージが表示されます。 オプションで、[今後このメッセージを表示しない] の横にあるボックスをオンにして続行することもできます。

  16. [コンテンツ] (暗い背景の) ツールバーの [マップを開く] をクリックします。 [マイ コンテンツ][Coney Island Pruning tutorial map] Web マップを選択します。

    Coney Island pruning tutorial map のマップを開くボタン

    Web マップが開き、ニューヨーク市が拡大表示されます。 マップには、先に追加したフィーチャ レイヤーの 2 つのサブレイヤーが表示されます。 ポイントは樹木を表し、ポリゴンはプルーン作業の優先度が高いエリアを表します。

    注意:

    マップ上に表示される色は、画像に表示される色と異なる場合があります。

    Web マップは、組織によって設定されたベースマップにデフォルト設定されます。 入力する必要がある樹木をより視覚的に表示するには、ベースマップを切り替えて、衛星画像を表示します。

  17. [コンテンツ] ツールバーの [ベースマップ] をクリックします。 [衛星画像ハイブリッド] ベースマップを選択します。

    Web マップのベースマップが、道路名を含む画像ベースのレイヤーに変更されます。

フィーチャの作成

まず、技術者が嵐による被害を調査しているときに気づいた樹木をいくつか追加します。 これらの樹木は嵐の被害を受けており、メンテナンス担当者による対応が必要です。 ただし、これらは樹木調査では見出されなかったもので、後で担当者が確実に再訪できるようにレイヤーに追加します。

  1. 一般ツールバーで、[検索] をクリックします。 住所「3300 Coney Island Avenue, Brooklyn, NY」をコピーして貼り付け、[検索] をクリックしてマップ上で位置を特定します。

    検索バーに「3300 Coney Island Ave」と入力

    マップは、現場の担当者がマップ上に載せる必要のある新たな 2 本の樹木を発見した位置にズームします。

  2. [検索結果] ポップアップを閉じます。
  3. [コンテンツ] ツールバーの [レイヤー] をクリックします。

    [レイヤー] ウィンドウが表示されます。

  4. [Coney Island pruning tutorial] グループを展開し、[Tree Locations] サブレイヤーをクリックして選択します。
    注意:

    レイヤーが選択されていると、そのレイヤーの左に青いバーが表示されます。

  5. 編集ツールバーの [フィーチャの作成] をクリックします。

    フィーチャの作成ボタン

    [フィーチャの作成] ウィンドウが開きます。

  6. [フィーチャの作成] ウィンドウの [Tree Locations][新しいフィーチャ] をクリックします。

    Tree Locations の新しいフィーチャ オプション

  7. マップをクリックして、Coney Island Avenue の南側の通りの端に樹木を配置します。

    マップ上での新しい樹木の位置

    フィーチャを配置すると、[フィーチャの作成] ウィンドウが更新され、新しいポイントの属性情報がリストされます。 属性には、フィーチャに関する情報が保存されます。

  8. [フィーチャの作成] ウィンドウで、次の情報を入力します:
    • [自治区] には、「Brooklyn」と入力します。
    • [Tree_ID] には、「1066899」と入力します。
    • [ステータス] には、「Completed」と入力します。
  9. [フィーチャの作成] ウィンドウで [作成] をクリックします。

    新しい樹木フィーチャの作成ボタン

    新しい樹木の位置をデジタイズしました。 次に、技術者が調査していたときに気づいた別の樹木を追加します。

フィーチャのコピー、貼り付け、移動

新しいフィーチャを最初から作成するだけでなく、マップ上にすでに存在するフィーチャをコピーして貼り付けることもできます。 このメソッドにより、新しいフィーチャに元のフィーチャと同じ属性を持たせることができます。

  1. 必要な場合は、今作成したフィーチャを選択します。

    選択したフィーチャが青色でハイライト表示されます。

  2. 一般ツールバーで、[コピー] をクリックします。

    コピー ボタン

  3. 一般ツールバーで、[貼り付け] をクリックします。 [フィーチャの作成] ウィンドウで [作成] をクリックします。

    貼り付けボタンと作成ボタン

    選択した樹木フィーチャのコピーが最初のフィーチャの上に貼り付けられます。 コピーを少し東の位置に動かします。

  4. 必要に応じて、編集ツールバーで、[移動] をクリックします。 新しい樹木を、先ほど作成した樹木の東側、ビーチに面した建物の前にドラッグします。

    移動ボタン

  5. 編集ツールバーで [選択の解除] をクリックして、樹木を選択解除します。

    次に、[Priority Areas] ポリゴンを拡張して、新しい樹木を含めます。

フィーチャの形状変更

現場担当者が嵐の後にメンテナンスを行う必要のある樹木を追加したので、これらの樹木を含めるように [Priority Area] ポリゴンを拡張する必要があります。 Web Editor には、[頂点][形状変更][分割] など、フィーチャの形状を変更するためのツールがいくつかあります。 [頂点] ツールは、頂点を移動、追加、削除することにより、フィーチャの形状を変更する際に使用します。 [形状変更] ツールは、フィーチャからジオメトリーを追加または削除する際に使用します。 [形状変更] には、フィーチャを作成するときに使用できるものと同じ描画ツールが含まれているため、汎用性の高い編集の選択肢となっています。 [分割] ツールは、1 つのフィーチャを分割し、2 つの異なるフィーチャを作成する際に使用します。 編集するフィーチャを選択することから始めます。

  1. 編集ツールバーで、[四角形選択] をクリックします。

    ポインターが [画面移動] ツールから [選択] ツールに変わります。 [選択] ツールがアクティブな場合、フィーチャをクリックして選択するか、四角形を描いて複数のフィーチャを選択できます。

  2. [Priority Areas] ポリゴンをクリックして選択します。

    四角形選択ツールを用いて選択された Priority Area フィーチャ

    ポリゴンは青色でハイライト表示されます。 シェープが選択されたら、編集ツールバー上の関連するツールバーがアクティブになります。

  3. 編集ツールバーで、[頂点] をクリックします。

    頂点ボタン

    頂点とは、2 つ以上のライン セグメントまたは曲線が交わる点です。 [Priority Areas] ポリゴンの場合、ポリゴンの 4 つの角を定義する 4 つの頂点があります。

  4. 南西の頂点をドラッグして、先ほど作成した 2 つの樹木の位置を含めます。

    Priority Areas フィーチャの角

  5. 編集ツールバーで [選択の解除] をクリックして、[Priority Areas] ポリゴンを選択解除します。

属性の一括更新

データは一括で編集することもできます。 新しい樹木は予備評価によって確認されているので、最初は [Completed] のステータスでマークしていました。 この段階で、これらを [未完了] に更新して、メンテナンスを優先させる必要があります。 新しい樹木のポイントを選択して、複数の樹木フィーチャの属性を同時に更新します。

  1. 2 本の新しい樹木のみが表示されるまでズームします。

    [Priority Area] ポリゴンの表示範囲を超えてズーム インすると、樹木のポイントとともにポリゴンが選択されなくなります。

    ヒント:

    Shift キーを押しながらフィーチャをクリックするか、[コンテンツ] ツールバーの [選択] ウィンドウを開くこともできます。 [選択] ウィンドウには、現時点で選択されているすべてのフィーチャが表示され、属性に基づいてフィーチャを選択することができます。

  2. 選択ツールバーで、[四角形選択] をクリックし、新しい 2 つの樹木の位置の周りにボックスを描きます。

    周囲に選択ボックスがあるマップ上の 2 つの新しい樹木フィーチャ

  3. 編集ツールバーの [属性] をクリックします。

    [属性] ウィンドウが開きます。 複数のフィーチャが選択されている場合、属性を同時に更新できます。

  4. [Status] 属性を、「Not Completed」に更新します。
  5. [属性] ウィンドウの上部にある [複数のフィーチャ] で、ドロップダウン メニューをクリックし、樹木の 1 つを選択します。

    複数のフィーチャ オプション

    選択した樹木は黄色でハイライト表示されます。

  6. 選択した樹木の [Tree ID] 値を「1066900」に変更します。
  7. [属性] ウィンドウで [保存] をクリックします。

    両方のポイントの属性に行った変更が保存されます。

このチュートリアルでは、Web Editor の基本的な編集ツールを使用して、データを作成および更新し、一括属性更新を行いました。 このようなツールを使用して、データを編集、作成、更新できます。 Web Editor アプリケーション内の特定の機能の使用に関する詳細なガイダンスについては、Web Editor のドキュメントをご参照ください。

Web Editor の詳細については、次のリソースをご参照ください:

他のチュートリアルについては、チュートリアル ギャラリーをご覧ください。