ArcGIS API for JavaScript スタートアップガイド

Size: px

Start display at page:

Download "ArcGIS API for JavaScript スタートアップガイド"

あつひろあいしま
5 years ago
Views:

1 ArcGIS API for JavaScript スタートアップガイド

2 目次はじめに... 2 このスタートアップガイドについて... 2 ArcGIS API for JavaScript とは... 2 ArcGIS API for JavaScript の開発環境... 3 WEB マッピングアプリケーションの開発... 4 ArcGIS API for JavaScript によるアプリケーションの作成... 4 開発環境を起動し HTML の基本部分を記述する... 5 スタイルと API の参照を宣言する... 6 マップを作成しレイヤを追加する... 8 HTML BODY コードを作成するアプリケーションを実行するローカルの ArcGIS for Server サービスを追加するローカルの ArcGIS for Server サービスのプロパティを変更する次のステップ ArcGIS Resources:ArcGIS API for JavaScript トピックスレイヤの種類マップサービスレイヤ... 27

3 マップサービスレイヤの REST エンドポイントフィーチャレイヤフィーチャレイヤの REST エンドポイント... 31

4 ArcGIS API for JavaScript スタートアップガイド pg. 1

5 はじめにこのスタートアップガイドについてこのスタートアップガイドは初めて ArcGIS API for JavaScript を使用して Web マッピングアプリケーションを構築する開発者の方に最も基本的な開発手順の流れを紹介するものです本書をお読みいただくことで ArcGIS API for JavaScript を使用した Web マッピングアプリケーション開発の基礎を理解することができます ArcGIS API for JavaScript とは ArcGIS API for JavaScript とは ArcGIS Web Mapping の一つであり ArcGIS for Server や ArcGIS Online などのオンライン GIS リソースやジオプロセシングモデルなどの GIS タスクを組み込んだブラウザベースの GIS アプリケーションを公開したり既に公開されている Web サイトの中に容易に地図や GIS 機能を埋め込んだりすることができる API ですこのガイドでは ArcGIS API for JavaScript を用いた Web マッピングアプリケーションの開発について紹介します ArcGIS Web Mapping の詳細は下記をご参照ください pg. 2

6 ArcGIS API for JavaScript の開発環境 ArcGIS API for JavaScript は JavaScript ベースの API であるためテキストエディタさえあれば Web マッピングアプリケーションを開発することができますまた JavaScript ベースのアプリケーションを開発するためのさまざまな統合開発環境を利用することも可能です主な開発環境 : テキストエディタ ( 例 :Windows 付属のメモ帳 ) 無償で利用可能な JavaScript 統合開発環境 Aptana Studio Visual Studio Expression Eclipse ArcGIS API for JavaScript がサポートする最新の動作環境につきましては下記をご参照ください -api-for-javascript/environments/ pg. 3

7 Web マッピングアプリケーションの開発 ArcGIS API for JavaScript によるアプリケーションの作成ここでは ArcGIS API for JavaScript を使用して Web マッピングアプリケーションを作成する手順を解説します作成するアプリケーションには 1 つのマップの中に 2 つのレイヤが追加されさらにレイヤのプロパティを設定します開発環境は Windows に付属するメモ帳を使用します pg. 4

開発環境を起動し HTML の基本部分を記述するまず開発環境であるメモ帳を起動することから開始します 1. Windows の [ スタート ] > [ すべてのプログラム ] > [ アクセサリ ] > [ メモ帳 ] とたどりメモ帳を起動します 2. テキスト入力部分に以下のコードを記述しますこれは HTML ページの基本部分です <!

8 開発環境を起動し HTML の基本部分を記述するまず開発環境であるメモ帳を起動することから開始します 1. Windows の [ スタート ] > [ すべてのプログラム ] > [ アクセサリ ] > [ メモ帳 ] とたどりメモ帳を起動します 2. テキスト入力部分に以下のコードを記述しますこれは HTML ページの基本部分です <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " <html> <head> <meta http-equiv="content-type" content="text/html"; charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=7" /> <title> はじめての Web マッピングアプリケーション </title> </head> <body> </body> </html> pg. 5

rel="stylesheet" type="text/css" href="http://serverapi.

9 スタイルと API の参照を宣言する HTML ページの基本部分を記述したらスタイルシートおよび API への参照設定を行います 1. <HEAD> タグ内の <TITLE> タグの下に以下のコードを記述してスタイルシートを参照します <link rel="stylesheet" type="text/css" href=" /dijit/themes/tundra/tundra.css"> pg. 6

10 参照するスタイルシートは Dojo のテーマで主にマップの <DIV> タグ内に配置するグラフィックエレメントのために使用されますが HTML ページのいたるところで使用することもできます tundra スタイルに加えて claro, soria, nihilo スタイルを使用することもできますこの場合 tundra の部分を希望のスタイルに置き換えます 2. 以下のコードを記述して ArcGIS API for JavaScript ファイルの場所を参照します <script type="text/javascript" src=" </script> 末尾に記述されているバージョン番号は ArcGIS API for JavaScript の現在のバージョン ( 最新バージョン ) に更新する必要があります pg. 7

マップを作成しレイヤを追加する次にマップやタスクとともに動作する JavaScript コードを記述しますこのサンプルではマップが初期化されレイヤが追加されています記述するコード量にかかわらずこのスクリプトは常に以下の 3 つのセクションを順番に含みます A) パッケージを参照する B) 初期化およびその他関数を追加する C) ready イベント中に実行する関数を指定する 1.

11 マップを作成しレイヤを追加する次にマップやタスクとともに動作する JavaScript コードを記述しますこのサンプルではマップが初期化されレイヤが追加されています記述するコード量にかかわらずこのスクリプトは常に以下の 3 つのセクションを順番に含みます A) パッケージを参照する B) 初期化およびその他関数を追加する C) ready イベント中に実行する関数を指定する 1. 以下のコードを記述して esri.map パッケージを参照します <script type="text/javascript"> dojo.require("esri.map"); </script> dojo.require() は <script> タグのインクルードに相当し JavaScript ページ内にリソースをインポートしますマップを表示する際に必要となるパッケージは esri.map ですパッケージ名は常に小文字となります pg. 8

12 2. 次に dojo.require( esri.map ) の下に以下のコードを記述して 2 つの変数を初期化し続いて init という名前の初期化関数を作成します変数は初期化関数の中でマップとレイヤを定義するために使用します var mymap, mytiledmapservicelayer; function init() { } 3. 次に初期化関数の中で Map クラスおよびそのコンストラクタを使用して新規マップを作成します mymap = new esri.map("mapdiv"); pg. 9

13 esri.map は Map クラスへの参照ですクラス名は常に先頭が大文字です mapdiv は HTML ページ内のマップを含む <DIV> タグ内の参照名です 4. 次に ArcGISTiledMapServiceLayer コンストラクタを使用して ArcGIS Online から提供されている世界道路地図サービスを参照するキャッシュマップサービスレイヤを作成します引数として指定する URL はこのサービスの REST エンドポイントですこのエンドポイントは ArcGIS for Server の Services Directory を使用して生成できるサービスへの固有の参照です mytiledmapservicelayer = new esri.layers.arcgistiledmapservicelayer (" et_map/mapserver"); Services Directory についてはトピックスマップサービスの REST エンドポイントで説明します pg. 10

14 5. レイヤが初期化されたら addlayer メソッドを使用してマップに追加します mymap.addlayer(mytiledmapservicelayer); これで初期化関数が完成しましたこのサンプルコードには init() という名前のただ一つの関数のみが含まれていますが別の HTML ページでは init() 関数に加えていくつかの関数を含んでいる可能性があります 6. 最後に ready イベントを初期化関数の後に for Server 指定しますそのイベントへ渡す引数は初期化関数の名前で今回の場合は init になります dojo.ready(init); pg. 11

この関数は HTML が完全にロードされるまでスクリプトの実行を保留しますこれは重要なコンセプトですなぜならマップはそのプロパティを取得したりイベントを正しく動作させたりさせる前にそのオブジェクトを取得しておく必要があるためです HTML BODY コードを作成する処理の部分が完成したら次に HTML ページの外観を作成しますこの例ではマップの表示のみが行われます 1.

15 この関数は HTML が完全にロードされるまでスクリプトの実行を保留しますこれは重要なコンセプトですなぜならマップはそのプロパティを取得したりイベントを正しく動作させたりさせる前にそのオブジェクトを取得しておく必要があるためです HTML BODY コードを作成する処理の部分が完成したら次に HTML ページの外観を作成しますこの例ではマップの表示のみが行われます 1. <BODY> タグ内に以下のコードを記述してマップを定義します <div id="mapdiv" class="tundra" style="width:900px; height:600px; border:1px solid #000;"></div> <DIV> タグの id である mapdiv は Map コンストラクタ内で設定した同じ変数を参照しますまた class= tundra への参照も <DIV> タグ内に追加されていることが分かりますこれは <HEAD> セクションから tundra スタイルシートを参照することを意味します 2. その他必要に応じて HTML コードを記述します pg. 12

html としてファイルを保存しますその際にファイルの種類をすべてのファイル文字コードを UTF-8 に変更します

16 アプリケーションを実行する以上でアプリケーションが完成しました実際に Web ブラウザを起動して実行してみます 1. メモ帳の [ ファイル ] > [ 名前をつけて保存 ] をクリックし拡張子を.html としてファイルを保存しますその際にファイルの種類をすべてのファイル文字コードを UTF-8 に変更します 2. 保存したファイルを Web サーバのルートディレクトリ (IIS の初期設定では C:\inetpub\wwwroot - フォルダ ) に配置します pg. 13

3. Web ブラウザを起動し http://< サーバ名 >/< ファイル名 >.html と入力してアプリケーションを実行します 4.

17 3. Web ブラウザを起動しサーバ名 >/< ファイル名 >.html と入力してアプリケーションを実行します 4. Web マッピングアプリケーションが正常に開始しますこの時点でマウスによるドラッグやマウスホイールおよびキーの組み合わせで地図の操作が可能ですまた左端にあるスライダバーで表示縮尺を変更することもできます pg. 14

18 マップ操作に関する主なショートカット機能 : ドラッグ移動マウスホイールを前方に回転マウスホイールを後方に回転 SHIFT + ドラッグ SHIFT + CTRL + ドラッグ SHIFT + クリックダブルクリック矢印キー ( 上下左右 ) 拡大縮小拡大縮小クリックした位置を中心に表示クリックした位置を中心に拡大キーの方向へ移動 5. Web マッピングアプリケーションが正常に実行されていることが確認できたら Web ブラウザを閉じます pg. 15

ローカルの ArcGIS for Server サービスを追加する ArcGIS for Server ユーザは ArcGIS Online から提供されている背景地図のマップサービスの上に自身で公開している ArcGIS for Server マップサービスを重ね合わせることができますここではローカルの ArcGIS for Server マップサービスを追加する手順を説明します

19 ローカルの ArcGIS for Server サービスを追加する ArcGIS for Server ユーザは ArcGIS Online から提供されている背景地図のマップサービスの上に自身で公開している ArcGIS for Server マップサービスを重ね合わせることができますここではローカルの ArcGIS for Server マップサービスを追加する手順を説明しますローカルの ArcGIS for Server サービスを追加するにはまず ArcGIS for Server の REST サービスにアクセスする必要があります 1. Windows の [ スタート ] メニューから [ すべてのプログラム ] > [ArcGIS] > [ArcGIS 10.1 for Server] とたどり [Services Directory] をクリックします ArcGIS REST Services Directory アプリケーションが起動します pg. 16

20 2. [ サービス :] セクションに公開している GIS サービスが一覧表示されますこの中からダイナミックマップサービスとして公開しているものを選択します今回のサンプルでは japan_web をクリックします選択したマップサービスに関する情報が表示されます 3. ここでアドレスバーの URL に着目しますこの URL が現在公開しているマップサービスの REST サービスのエンドポイントとなりますこの URL をクリップボードにコピーします 4. URL をクリップボードにコピーしたら HTML ファイルのソースコードに戻ります pg. 17

5. マップを作成しレイヤを追加するのステップ3, 4と同様にレイヤ変数 ( この例では mydynamicmapservicelayer) を宣言し宣言した変数に新規 ArcGISDynamicMapServiceLayer コンストラクタを割り当てます引数にはステップ 3 でコピーした REST サービスのエンドポイントの URL を指定しますそしてレイヤが初期化されたら

21 5. マップを作成しレイヤを追加するのステップ3, 4と同様にレイヤ変数 ( この例では mydynamicmapservicelayer) を宣言し宣言した変数に新規 ArcGISDynamicMapServiceLayer コンストラクタを割り当てます引数にはステップ 3 でコピーした REST サービスのエンドポイントの URL を指定しますそしてレイヤが初期化されたら addlayer メソッドを使用してマップに追加します ( 赤字がコード追加部分です ) dojo.require("esri.map"); var mymap, mytiledmapservicelayer, mydynamicmapservicelayer; function init() { mymap = new esri.map("mapdiv"); mytiledmapservicelayer = new esri.layers.arcgistiledmapservicelayer (" et_map/mapserver"); mydynamicmapservicelayer = new esri.layers.arcgisdynamicmapservicelayer (" mymap.addlayer(mytiledmapservicelayer); mymap.addlayer(mydynamicmapservicelayer); } pg. 18

22 公開しているマップサービスの種類によっては別のレイヤクラスを使用する必要があります公開できるマップサービスの種類およびクラスについては後述のマップサービスレイヤをご覧ください 6. HTML ファイルを上書き保存し再度実行します ArcGIS Online の世界道路地図サービスとローカルの ArcGIS for Server で公開されたマップサービスが重ね合わさって ( マッシュアップされて ) 表示されます 7. ローカルの ArcGIS for Server で公開されたマップサービスレイヤ付近を拡大表示します 8. 2 つのレイヤが重なって表示されていることが確認できたら Web ブラウザを閉じます pg. 19

23 ローカルの ArcGIS for Server サービスのプロパティを変更する次にローカルの ArcGIS for Server マップサービスレイヤのプロパティを変更しますここではレイヤの透過率を変更します 1. mydynamicmapservicelayer を定義している行を以下のように変更します ( 赤字がコード追加部分です ) mydynamicmapservicelayer = new esri.layers.arcgisdynamicmapservicelayer (" {opacity:0.3}); 2. HTML ファイルを上書き保存し再度実行しますローカルの ArcGIS for Server で公開されたマップサービスレイヤ付近を拡大表示すると指定した透過率でレイヤが透過表示されているのが確認できます pg. 20

24 以上でサンプルアプリケーションの開発は終了ですより高度なアプリケーションの開発に関する参考ドキュメントやサンプルの詳細については次のステップをご参照ください pg. 21

次のステップ本スタートアップガイドでは ArcGIS API for JavaScript を用いた Web マッピングアプリケーションを開発するための最も基本的な開発手順について紹介しました今後より高度なアプリケーションを開発するためにはまず ArcGIS Resources をご参照ください

25 次のステップ本スタートアップガイドでは ArcGIS API for JavaScript を用いた Web マッピングアプリケーションを開発するための最も基本的な開発手順について紹介しました今後より高度なアプリケーションを開発するためにはまず ArcGIS Resources をご参照ください ArcGIS Resources には API の開発に必要となる参考ドキュメントやサンプルがすべて集約されています ArcGIS Resources:ArcGIS API for JavaScript pg. 22

26 ArcGIS API for JavaScript スタートアップガイド Concepts API の概要地図の追加や ArcGIS サービスの利用方法などの各種開発手法をまとめた開発者ヘルプです Samples API を用いたライブサンプルとその開発コードですはじめて API による開発を行う場合はまずこのサンプルと同じ Web マッピングアプリケーションを作成してみることをお勧めします pg. 23

27 API Reference API のリファレンスです API に含まれるクラスの各種プロパティメソッド等を確認することができます Code Gallery Esri 社の開発チームや全世界のユーザが公開したサンプルコードをダウンロードしたり公開されている Web アプリケーションにアクセスし実際に使用したりすることができます pg. 24

28 トピックスレイヤの種類 Map に追加できるレイヤはそのデータソースの違いからマップサービスレイヤとフィーチャレイヤの 2 種類に分けることができます Map 内のレイヤのデータソースの多くは GIS サーバが提供するマップサービスですマップサービス自身もほとんどの場合複数のレイヤから構成されておりあらかじめサーバ管理者によって各マップサービス内のレイヤがどのようなシンボルや色を使用して地図上に表示されるかが定義されていますマップサービスはこの定義に従いサーバ上で地図画像を生成しクライアントに配信します地図画像の生成地図画像の配信マップサービス GIS サーバマップサービスレイヤではこのサーバ側で生成された地図画像をデータソースとして Map に表示します Map マップサービスレイヤ GIS サーバ pg. 25

29 マップサービスレイヤではあらかじめサーバ側で生成された地図画像をデータソースとして使用するためサーバ側で定義されたシンボルや色と異なる方法で地図を表現することができません一方でフィーチャレイヤではクライアントアプリケーション上で動的にシンボルや色を設定することができますフィーチャレイヤはマップサービスを構成する複数のレイヤの 1 つに直接アクセスしそのレイヤ内の地物の座標および属性情報を取得してアプリケーション上で動的に描画を行います特定のレイヤから Map 座標属性情報を取得マップサービスフィーチャレイヤクライアント側で動的に描画 GIS サーバ ArcGIS API for JavaScript のアプリケーションでは多くの場合においてシンボル情報等の変更が必要ない背景地図にマップサービスレイヤを使用しユーザの操作に応じて表示を対話的に変更する必要がある主題図にフィーチャレイヤを使用します pg. 26

30 マップサービスレイヤマップサービスレイヤが利用する GIS サーバのマップサービスは REST 形式で公開されておりマップサービスレイヤはこの REST サービスのエンドポイントにアクセスすることで GIS サーバが生成したマップサービスの画像を表示することができますマップサービスレイヤには ArcGIS for Server が公開する様々なマップサービスや Bing Maps サービスなど様々なサービスに対応するために以下のようなマップサービスレイヤクラスが用意されていますマップサービスレイヤクラス : ArcGISTiledMapServiceLayer ArcGIS for Server のキャッシュマップサービスをデータソースとして使用します ArcGISDynamicMapServiceLayer ArcGIS for Server のダイナミックマップサービスをデータソースとして使用します ArcGISImageServiceLayer ArcGIS for Server のイメージサービスをデータソースとして使用します VETiledLayer Microsoft Bing Maps のマップイメージサービスをデータソースとして使用します OpenStreetMapLayer OpenStreetMap のマップイメージサービスをデータソースとして使用しますマップサービスレイヤクラスのデータソースを指定するにはクラスの URL 属性にマップサービスの REST エンドポイントを指定します本スタートアップガイドで紹介したコードでは新規作成した ArcGISTiledMapServiceLayer の URL 属性に Esri 社がホストしている ArcGIS Online の世界道路地図サービスの REST エンドポイントを指定しています pg. 27

31 マップサービスレイヤの REST エンドポイントマップサービスレイヤが利用する ArcGIS for Server のマップサービスの REST エンドポイントは ArcGIS for Server をインストールするとサーバに構成される ArcGIS REST Services Directory と呼ばれる簡易 Web アプリケーションから確認することができます以下の URL より Esri 社が公開している ArcGIS for Server のマップサービスの REST エンドポイントを確認することができます ArcGIS Online ArcGIS Services Directory Services: セクションに表示されるサービスの一覧から使用したいサービスをクリックします例えば世界道路地図の REST エンドポイントを確認するには Home ページにて [World_Street_Map] をクリックします pg. 28

32 World_Street_Map サービスの詳細が表示されますサービスの REST エンドポイントはブラウザに表示される URL ですローカルの ArcGIS for Server の ArcGIS REST Services Directory は Windows の [ スタート ] メニューより [ すべてのプログラム ] > [ArcGIS] > [ArcGIS 10.1 for Server] とたどり [Services Directory] を選択することでアクセスできます pg. 29

フィーチャレイヤを使用することで上図のようなグラフィック表現に加えてレイヤ上の地物の動的な選択 ArcGIS for Server のサービスと連携した

33 フィーチャレイヤ前述した通りフィーチャレイヤはマップサービスレイヤと異なりマップサービス内の 1 つのレイヤから座標と属性情報を取得しクライアント側で動的に描画を行います以下は衛星写真 (Bing Maps) のマップサービスレイヤ上にポイントフィーチャレイヤを描画した例ですフィーチャレイヤを使用することで上図のようなグラフィック表現に加えてレイヤ上の地物の動的な選択 ArcGIS for Server のサービスと連携した Web 編集時間遷移によるアニメーション表現などを実装することができます以下はマップサービスレイヤ上のフィーチャレイヤの選択された地物 ( ポリゴン ) のシンボルを動的に変更した例です pg. 30

フィーチャレイヤの REST エンドポイントフィーチャレイヤもマップサービスレイヤと同様に ArcGIS for Server の REST サービスを利用しますしかしマップサービスレイヤと異なりサービス内の個別のレイヤをリソースとして指定します以下では Esri

34 フィーチャレイヤの REST エンドポイントフィーチャレイヤもマップサービスレイヤと同様に ArcGIS for Server の REST サービスを利用しますしかしマップサービスレイヤと異なりサービス内の個別のレイヤをリソースとして指定します以下では Esri 社が公開しているサンプルサーバからマップサービスの個別のレイヤの REST エンドポイントを確認します 1. Esri 社のサンプルサーバに接続し [Specialty] フォルダをクリックします pg. 31

35 2. Specialty フォルダ内の [ESRI_StatesCitiesRivers_USA] マップサービスをクリックします 3. ESRI_StatesCitiesRivers_USA のマップサービス詳細が表示されますこのマップサービスには Cities ( 都市 ) Rivers ( 河川 ) States ( 州 ) の 3 つのレイヤが含まれていることがわかります [Cities] レイヤをクリックします pg. 32

4. Cities レイヤの詳細が表示されます Cities サービスの REST エンドポイントはブラウザに表示される URL ですマップサービスレイヤが使用する REST エンドポイントと異なり URL の最後にマップサービス内のレイヤ ID (/0) が指定されている点に注目してください 5.

36 4. Cities レイヤの詳細が表示されます Cities サービスの REST エンドポイントはブラウザに表示される URL ですマップサービスレイヤが使用する REST エンドポイントと異なり URL の最後にマップサービス内のレイヤ ID (/0) が指定されている点に注目してください 5. 以下の例では上記手順で確認した Cities レイヤを ArcGIS Online の世界道路地図の上に重ねていますフィーチャレイヤクラス (FeatureLayer) の Url 引数に REST エンドポイントを指定していますその他に FeatureLayer の setdefinitionexpression プロパティを使用して Cities レイヤの POP1990 列の値がよりも大きいレコード ( 人口が 10 万人以上 ) のみを取得するという条件句を設定しています pg. 33

var map = new esri.map("map"); var basemaplayer = new esri.layers.arcgistiledmapservicelayer("http://server.arcgisonli ne.com/arcgis/rest/services/world_street_map/mapserver"); map.

37 var map = new esri.map("map"); var basemaplayer = new esri.layers.arcgistiledmapservicelayer(" ne.com/arcgis/rest/services/world_street_map/mapserver"); map.addlayer(basemaplayer); var featurelayer = new esri.layers.featurelayer(" ArcGIS/rest/services/Specialty/ESRI_StatesCitiesRivers_USA/MapSe rver/0"); featurelayer.setdefinitionexpression("pop1990 > "); map.addlayer(featurelayer); pg. 34

38 FeatureLayer クラスにはその他にもサーバからのデータの取得方式を設定する mode プロパティや個別値分類や数値分類などレイヤを色分け表示するための renderer プロパティなどが用意されています詳細は API Reference をご参照ください API Reference:FeatureLayer urelayer.htm ローカルの ArcGIS for Server の ArcGIS REST Services Directory は Windows の [ スタート ] メニューより [ すべてのプログラム ] > [ArcGIS] > [ArcGIS 10.1 for Server] とたどり [Services Directory] を選択することでアクセスできます pg. 35

39 ArcGIS API for JavaScript TM 用 2012 年 11 月第 5 版発行 / 編集所 ESRI ジャパン株式会社本書の一部または全部を無断で転用または複製することを禁じます本書に記載されている社名商品名は各社の商標および登録商標です本書に記載されている内容は改良のため予告なく変更される場合があります本書の内容は参考情報の提供を目的としており本書に含まれる情報はその使用先の自己の責任において利用して頂く必要があります

ArcGIS for Server での Web マップの作成方法

ArcGIS for Server での Web マップの作成方法 1 目次はじめに... 3 このドキュメントについて... 3 ArcGIS アプリケーションとは... 3 ArcGIS for Server での Web マップの作成... 5 コンテンツサーバ... 6 モバイルコンテンツディレクトリ... 6 マップコンテンツの検索とフォルダの操作... 7 Web マップの作成...

ArcGIS API for JavaScript スタートアップ ガイド

ArcGIS API for JavaScript スタートアップガイド