マップの作成

マップが表示するのは対象物の場所だけではありません。 空間データと非空間データを組み合わせることで、マップは位置に関する属性を明らかにし、対象地域をより深く理解できるようにもなります。 このチュートリアルでは、ミシガン州デトロイト市内の公立高校のカンマ区切り値 (CSV) ファイルを使用して Web マップを作成します。 各学校の位置をマッピングするだけでなく、マップ上での表示方法を変更し、無料および減額のミール プランを申請できる学生の数も表示されるようにします。

このチュートリアルでは、Web マップ作成における多くの基本機能を紹介します。 次の作業を行う方法を学習します。

• CSV ファイルからのレイヤーの作成
• ベースマップの変更
• 属性に基づくレイヤーのスタイル設定
• カスタム ポップアップの構成
• データの表示順の変更
• マップの保存

このチュートリアルは、2025 年 10 月 29 日に最終テストされました。

最終結果の表示​

要件

• ArcGIS 組織でのユーザー、公開者、または管理者ロール: ArcGIS Online (ソフトウェア アクセスのオプションをご参照ください) または ArcGIS Enterprise (詳細)

マップの作成

ファイルからレイヤーを追加

最初に、ミシガン州デトロイト市内の公立高校に関する情報を含む CSV ファイルをダウンロードします。 次に、そのファイルを Web マップにレイヤーとして追加します。

1. DetroitSchoolCharacteristics.csv をダウンロードします。 必要に応じ、そのファイルを Microsoft Excel などのスプレッドシート エディターで開きます。

   

   テーブルには各学校の名前、住所、電話番号、生徒データ、緯度、経度を示す列が含まれています。 また、無料ミール プランおよび減額ミール プランを申請できる生徒数も含まれています。マップで示したいのはこのデータです。 このデータは、National Center for Education Statistics (NCES) の Education Demographic and Geographic Estimate (EDGE) プログラムから取得したものです。

   注意:

   [Public School Characteristics - Current] レイヤーで、米国全体の公立高校に関するデータを見つけることができます。

   これらの学校の位置、またはデータにおける空間パターンをこのテーブルだけで可視化するのは困難です。 CSV には空間データ (この場合、住所と、緯度および経度) が含まれているため、それをマッピングできます。 マップを作成することで、テーブルとして表示するよりも効果的に空間データを理解できます。

2. CSV ファイルを閉じます。 保存するかどうかを確認された場合、変更を保存しないでください。
3. ArcGIS の組織アカウントまたは ArcGIS Enterprise 指定ユーザー アカウントを使用してサイン インします。

   注意:

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

4. リボンの [マップ] タブをクリックします。

   

   Map Viewer を開きます。 デフォルトでは、Web マップにはベースマップしか含まれていません。ベースマップは、地形、水域、政治的境界線などの背景的な地理情報を提供します。

   CSV ファイルをレイヤーとして追加します。 レイヤーは、マップを作成するために地理データを整理および結合する方法です。 たとえば、マップは道路レイヤー、湖レイヤー、建物レイヤーで構成されていることがあります。 このレイヤーは学校を表します。

5. [レイヤー] ウィンドウで [追加] の横の矢印をクリックし、[ファイルからレイヤーを追加] を選択します。

   

6. [レイヤーの追加] ウィンドウで [お使いのデバイス] をクリックします。 ダウンロードした DetroitSchoolCharacteristics ファイルを参照してダブルクリックします。

   ヒント:

   あるいは、Microsoft File Explorer から DetroitSchoolCharacteristics ファイルを [レイヤーの追加] ウィンドウにドラッグすることもできます。

7. [このファイルをどのように追加しますか？] で [ホスト フィーチャ レイヤーを作成してマップに追加します] を選択します。 [次へ] をクリックします。

   フィールドのリストが表示されます。 マップ レイヤーは、空間情報と表形式の情報で構成されています。 レイヤーのテーブルには、CSV ファイルと同じ列 (フィールドまたは属性とも呼ばれます) が含まれます。

   ソフトウェアによってフィールドが自動的に検出されて、このページに一覧表示されました。 このページでは、CSV ファイルから追加するフィールドの選択、表示名の指定、データ タイプに関する情報の更新を行うことができます。

   

   [表示名] オプションでは、他の人にとってよりわかりやすい、フィールド名のニックネームまたは略名を設定します。 フィールド名では空白文字や数字は使用できませんが、表示名にこういった文字を使用したい場合もあるでしょう。 表示名を設定することにより、[フィールド名] テキストを変更せずに、意味のある名前を指定できます。

   [タイプ] オプションは、フィールドに格納するデータを示します。 データ タイプには以下が含まれます:

   • [Date] - 日付と時刻。
   • [Double] - 小数点以下の桁がある数字。
   • [Integer] - - 2,147,483,648 ～ 2,147,483,647 の自然数 (long integer) 。
   • [Big Integer] - -9,007,199,254,740,991 ～ 9,007,199,254,740,991 の整数。
   • [String] - 連続する文字。 デフォルトのフィールド長は 256 文字です。

   このチュートリアルでは、すべてのフィールドを追加するため、変更は行いません。

8. [次へ] をクリックします。

   [位置情報の設定] ページが表示されます。 レイヤーの空間情報は、CSV ファイルの [緯度] 列と [経度] 列から取得されます。 ソフトフェアによってこれらのフィールドが自動的に検出されたため、変更は必要ありません。

   注意:

   緯度フィールドおよび経度フィールドの代わりに場所の名前または住所 (「Paris」または「15 Central St., Bethlehem, PA」など) がテーブルに含まれている場合、 ジオコーディング データに関するチュートリアル「歴史的な場所のリストをマップに変換する」をお試しください。

9. [次へ] をクリックします。
10. [タイトル] に「Detroit high schools」と入力し、自分の名前またはイニシャルを付加します (たとえば、「Detroit high school (自分の名前)」)。

    注意:

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

11. [作成してマップに追加] をクリックします。

    新しいレイヤーがマップ上に表示されます。

    

    マップには、CSV ファイルに列挙された学校の位置が表示されます。 各学校はレイヤー内のフィーチャと見なされます。 レイヤーのテーブルを表示することで、CSV ファイルに含まれる他の情報にアクセスできます。

12. [レイヤー] ウィンドウの [Detroit high schools] の横にある [オプション] ボタンをクリックし、[テーブルの表示] を選択します。

    

    レイヤーのテーブルが表示されます。 CSV ファイルと同じ情報が含まれています。

    

13. テーブルのデータを確認します。 完了したら、テーブルを閉じます。

ベースマップの変更

ArcGIS Online のマップはレイヤーで構成されています。 [Detroit high schools] レイヤーを追加しましたが、マップにはデフォルトでベースマップ レイヤーも含まれています。 次に、ベースマップを変更します。

1. [コンテンツ] (暗い背景の) ツールバーにある [ベースマップ] をクリックします。

   

   ヒント:

   ツールバーの下部にある [展開] ボタンと [折りたたみ] ボタンを使用して、ツールバーを展開してアイコンの他にテキストを表示したり、折りたたんでテキストを非表示にしたりできます。

   [ベースマップ] ウィンドウが開きます。 デフォルトでは [地形図] ベースマップが選択されています。 (組織の設定に応じて、別のベースマップがデフォルトで選択されている場合があります。) このベースマップでも良さそうですが、こちらがより適しているのは参照マップです。 学校データの邪魔にならないように、より最小限に近いベースマップを選択します。

2. [ベースマップ] ウィンドウで、[キャンバス (ライト グレー) ] をクリックします。

   

   注意:

   組織サイトの構成によっては、異なるベースマップが表示される場合があります。 [キャンバス (ライト グレー)] ベースマップが利用できない場合は、[ベースマップ] ウィンドウの下部までスクロールし、[Living Atlas] をクリックします。 [キャンバス (ライト グレー)] を検索して正しい結果を追加します。

   マップ上でベースマップが変更されます。

   

レイヤーのスタイルの設定

次に、高校のレイヤーのシンボルを構成して、各学校で無料ミール プランおよび減額ミール プランを申請できる生徒数を基にシンボルのサイズが調整されるようにします。

注意:

無料または減額での昼食の申請資格は、米国農務省の児童栄養プログラムにより定められており、米国保健社会福祉省が発表する貧困ガイドラインを基に判定されます。

1. [コンテンツ] ツールバーの [レイヤー] をクリックします。

   

   [レイヤー] ウィンドウが表示されます。 ここには、ベースマップを除く、マップ内のレイヤーが一覧表示されます。

2. [Detroit high schools] が選択されていることを確認します。

   レイヤーを選択すると、青いバーがその名前の横に表示されます。

   

   レイヤーを選択すると、[設定] ツールバーのオプションを使用して変更を加えることができます。

3. [設定] (明るい背景の) ツールバーで、[シンボル] をクリックします。

   

   [シンボル] ウィンドウが表示されます。 現在、シンボルはデータの場所のみに基づいています。 次に、スタイルを構成し、属性 (具体的には、無料または減額での昼食を申請できる生徒数を示す属性) に応じて各学校のシンボルが変化するようにします。

4. [スタイル] ウィンドウの [フィールド] ボタンをクリックします。

   

5. [フィールドの選択] ウィンドウで下にスクロールし、[Total of free lunch and reduced-price lunch eligible] を選択します。

   

6. [追加] をクリックします。

   [スタイルの選択] の下のオプションが、[無料または減額での昼食を申請できる生徒の合計人数] フィールドに適した選択肢を反映するよう更新されます。 [数と量 (サイズ) ] スタイルが選択され、マップが更新されてこのスタイルが反映されます。 このスタイルでは、データ内の新しいパターンがいくつか示されます。 シンボルが大きいほど、学校で無料または減額での昼食を申請できる生徒数が多くなります。

   シンボルのサイズが異なるため、一部のシンボルが重なり合ったり他を覆ったりしています。 すべてのシンボルを確実に確認できるようにするため、透過表示を追加します。 また、シンボルの色も変更します。

7. [数と量 (サイズ)] で [スタイル オプション] をクリックします。

   

8. [スタイル オプション] ウィンドウの [シンボル スタイル] で、該当するシンボルをクリックします。

   

   [シンボル スタイル] ウィンドウが表示されます。

9. [塗りつぶしの透過表示] に「25」と入力します。 [枠線の透過表示] で「0」と入力します。

   

   マップ上のシンボルが更新されます。 重なり合っているシンボルが見やすくなりました。

   

   また、シンボルの色も変更します。 16 進数コード (#) を使用して色を設定することができます。

10. [塗りつぶし色] でシンボルをクリックします。

    

11. [色の選択] ウィンドウで、[#] に「0070ff」と入力します。

    

    マップ シンボルが青色に変化します。

12. [色の選択] ウィンドウで [完了] をクリックします。 [シンボル スタイル] ウィンドウを閉じます。
13. [スタイル オプション] ウィンドウで [完了] をクリックします。 [シンボル] ウィンドウで [完了] をクリックします。

    

    マップには、無料または減額での昼食を申請できる、各高校の生徒数が表示されています。 申請可能な生徒数が多い学校ほど、より大きなシンボルで表されています。

ポップアップの構成

Web マップはインタラクティブです。 マップ上のフィーチャをクリックすると、そのフィーチャの属性情報を提供するポップアップを確認できます。 カスタム ポップアップを構成して、最も重要な情報が伝わるようにします。

1. マップ上の任意のポイント フィーチャをクリックします。

   フィーチャのポップアップが開き、レイヤーのテーブルに含まれている、その学校に関する情報が表示されます。

   

   デフォルトのポップアップには、レイヤーに関連付けられたすべての属性が表示されます。 しかし、このマップは無料または減額での昼食の申請資格に焦点を当てているため、他の情報のほとんどは必要ありません。 ポップアップを構成して、マップにとって重要な属性のみが表示されるようにします。

2. ポップアップを閉じます。
3. [レイヤー] ウィンドウで [Detroit high schools] が選択されていることを確認します。
4. [設定] ツールバーの [ポップアップ] をクリックします。

   

   [ポップアップ] ウィンドウが開き、サンプル ポップアップがマップ上に表示されます。 ポップアップのタイトルには、レイヤーの名前と学校の名前が含まれています。 このタイトルはマップに不要なため、削除します。

5. [ポップアップ] ウィンドウで [タイトル] をクリックします。 ボックス内のテキストを削除します。

   

   サンプル ポップアップでタイトル テキストが表示されなくなります。 フィールドのリストを関連情報を含むセンテンスに置換します。

6. [フィールド リスト] の横にある [オプション] ボタンをクリックして、[削除] を選択します。

   

   フィールドのリストがサンプル ポップアップから削除されます。

7. [コンテンツの追加] をクリックし、[テキスト] を選択します。

   まず、ダイナミック テキストを使用し、学校名を属性として追加します。 ダイナミック テキストで、属性名は中括弧で示されます。

8. テキスト編集ウィンドウで、「{」と入力します。 メニューで最下部近くまでスクロールし、[School name] を選択します。

   

   [School_name] フィールドは、フィーチャ レイヤーの作成に使用した CSV ファイルのフィールドの 1 つでした。 ダイナミック テキストをこのフィールドに設定することで、各学校のポイントで表示されるポップアップに、対応する学校名の属性が表示されます。

9. [{School_name}] の後に、「enrolled {Total_elementary_secondary_students__excludes_AE_} students during the 2019-2020 school year.」と入力します (またはコピーして貼り付けます)。
10. Enter を押して新しいパラグラフを開始します。 「{Total_of_free_lunch_and_reduced_price_lunch_eligible} of those students were eligible for the free and reduced meal plan program.」と入力します (またはコピーして貼り付けます)。
11. [{School_name}] をハイライト表示して、[太字] ボタンをクリックします。

    

12. [{Total_elementary_secondary_students__excludes_AE_}] と [{Total_of_free_lunch_and_reduced_price_lunch_eligible}] に太字形式を設定します。
13. [OK] をクリックします。

    プレビュー ポップアップで、フィールド名がフィーチャのうち 1 つの属性値に置換されます。

    

    データ テーブルには他のすべてのフィールドが引き続き存在しますが、ポップアップには表示されません。 ポップアップのコンテンツはいつでも変更できます。

14. [ポップアップ] ウィンドウを閉じます。

表示順序の変更

マップのスタイルは使いやすくなりましたが、1 つ問題が残っています。 マップ上のシンボルがテーブルでの出現順で描画されているため、一部の大きいシンボルが小さいシンボルを完全に覆い隠しており、シンボルをクリックしてポップアップを確認するのが困難な場合があります。 データの表示順序を変更し、無料または減額での昼食を申請できる生徒数が多い学校ほど下に表示されるようにして、すべてのシンボルをクリックしやすくします。

1. [レイヤー] ウィンドウで [Detroit high schools] が選択されていることを確認します。
2. [設定] ツールバーにある [プロパティ] をクリックします。

   

   [プロパティ] ウィンドウが表示されます。 ここには、レイヤーに関する基本的な情報と設定が含まれています。

3. [プロパティ] ウィンドウの下部までスクロールします。 [フィーチャの表示順序] セクションの [ソート順] で [Total of free lunch and reduced-price lunch eligible] を選択します。

   

   この属性の値が大きい学校ほど上に表示されるように表示順序が変更されます。 値の小さい学校ほど上に表示したいので、順序を反転します。

4. [フィーチャを上から値の大きい順に並べ替えます] ボタンをクリックします。

   

   順序が反転します。 これで、小さいフィーチャほど上に表示されるようになり、すべてのフィーチャをクリックしてそのポップアップを確認できるようになりました。

   

5. [プロパティ] ウィンドウを閉じます。

マップを保存する

これで、マップが完成しました。 後で再度アクセスできるように保存します。

1. [コンテンツ] ツールバーで [保存と開く] をクリックして [名前を付けて保存] を選択します。

   

2. [マップの保存] ウィンドウで、次の情報を入力します。
   • [タイトル] に「Public high schools in Detroit」と入力します。
   • [タグ] に「education, students, meal plans」と入力し、Enter を押します。
   • [サマリー] に「Map of public high schools and free and reduced meal program eligibility in Detroit, Michigan」と入力します。

   

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

このチュートリアルでは、学校の位置を含む CSV ファイルを使用して Web マップを作成しました。 情報をわかりやすく伝えるために、レイヤーのスタイルを変更し、そのポップアップを構成しました。 これで、他のユーザーが表示できるように、このマップを共有する準備ができました。 詳細については、「マップの共有」チュートリアルをご参照ください。

マップを使用してデータを可視化し、問題を把握し、可能性を発見することができる方法は数多くあります。 ぜひ、独自のデータを使用して、ご自身で Web マップを作成してみてください。 どのようなマップを作成できるでしょうか？

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

使用許諾

• DetroitSchoolCharacteristics ファイルは、NCES (National Center for Education Statistics) の EDGE (Education Demographic and Geographic Estimate) プログラムのデータとともに、Public School Characteristics - Current レイヤーから取得されました。
• World Topographic Map の出典: Esri、TomTom、Garmin、FAO、NOAA、USGS、OpenStreetMap の投稿者、GIS ユーザー コミュニティー
• Light Gray Canvas マップの出典: Esri、TomTom、Garmin、FAO、NOAA、USGS、OpenStreetMap の投稿者、GIS ユーザー コミュニティー