Web アプリケーションの作成

いずれかのテンプレートに基づいた Web アプリケーションを使うと、マップの見栄えが良くなり、ストーリー性を備えたマップやマップの比較を行うための複雑な効果を追加できます。また、Web マップと比べて操作環境をより詳細に制御できるようになります。たとえば、Web アプリケーションでは、ユーザは新しいレイヤを追加できず、ポップアップ ウィンドウの構成も行えません。また、ユーザ自身のコンテンツに Web アプリケーションの新しいバージョンを保存することもできません。Web アプリケーションは、マップのメッセージを強調する計画性の高い操作環境をユーザに提供します。

マップを開く

手順:
  1. Web ブラウザを開いて www.arcgis.com/home にアクセスします。
  2. 必要に応じて、ArcGIS の個人アカウントでサインインし、[マイ コンテンツ] ページにアクセスします。
    [マイ コンテンツ] ボタン

    これまでチュートリアルを行なってきた場合は、「サービス エリアの犯罪マップ」あるいはこれに似たような名前のマップが保存されているはずです。

  3. 保存したマップがない場合

    [マイ コンテンツ] ページに保存したマップがない場合、次の手順に従ってください。

    • ArcGIS.com ホーム ページにアクセスします。
    • ArcGISTutorials による Crime Comparison with Transportation を探して開きます。
    • マップに新しいタイトルを付けて保存します。
    • [マイ コンテンツ] ページにアクセスします。
  4. マップのタイトルをクリックします。
    [マイ コンテンツ] にある [サービス エリアの犯罪マップ] のタイトル
  5. 説明ページで、サムネイル画像をクリックしてマップを開きます。
    サービス エリアの犯罪マップ

Web アプリケーション テンプレートの操作

手順:
  1. リボンで、[共有] ボタンをクリックします。
  2. 必要に応じて、[共有] ダイアログ ボックスで、すべての人とマップを共有するためのチェックボックスをオンにします。
    注意注意:

    Web アプリケーションを作成するためにはマップをすべての人と共有する必要があります。

  3. [Web アプリケーション を作成] ボタンをクリックします。
    [共有] ダイアログ ボックスにある [Web アプリケーションを作成] ボタン

    [共有] ダイアログ ボックスは、アプリケーション テンプレートのギャラリと共に更新されます。

    [共有] ダイアログ ボックスにあるテンプレートのサムネイル画像
    注意注意:

    サムネイル画像にギア アイコンがある場合、そのテンプレートには公開後に構成できるプロパティがあることを示しています。

  4. 基本ビューア テンプレートのサムネイル画像をクリックします。
    基本ビューア テンプレートのサムネイル画像

    新しいブラウザ タブまたはウィンドウが開き、Web アプリケーションのプレビューが表示されます。

    Web アプリケーションのプレビュー

プレビューの操作

プレビューでは、Web アプリケーションの外観を表示し、プロパティを操作できます。

手順:
  1. プレビュー ウィンドウで使用可能な機能を試してみます。例を次に示します。
    • マップをナビゲートします。[+] または [-] ボタンを使ってマップを拡大したり、ドラッグして画面移動したりします。
    • マップをクリックしてポップアップ ウィンドウを開きます。
    • [詳細] ボタンと [凡例] ボタンをクリックして、サイド パネルを切り替えます。
    • [レイヤ] ドロップダウン ボタンをクリックして、レイヤをオフおよびオンにします。
    [レイヤ] ドロップダウン ボタンの下にあるレイヤのリスト
  2. その他の機能を自分で操作してみてください。

    テンプレートをプレビューすると、そのテンプレートが Web マップに適しているかどうかを判断できます。

  3. Web アプリケーションをプレビューしているブラウザ タブまたはウィンドウを閉じます。

Web アプリケーションとしてマップを公開します。

手順:
  1. [共有] ダイアログ ボックスで、基本ビューア サムネイル画像の下にある [公開] をクリックします。
    基本ビューア テンプレートの [公開] リンク

    [共有] ダイアログ ボックスが更新され、メタデータを取得します。フィールドの大部分ではマップ ドキュメントの情報がすでに入力されていますが、新しいタイトルを提供する必要があります。

  2. Web アプリケーションのタイトルを入力します。
    新しいタイトルの入った [タイトル] ボックス
  3. オプションで、タグと概要を編集します。
  4. [共有] ダイアログ ボックスの下で、[保存と公開] をクリックします。

    Web アプリケーションは [マイ コンテンツ] ページに保存され、[共有] ダイアログ ボックスの情報が更新されます。

  5. [共有] ダイアログ ボックスで、リンクをクリックしてすぐにアイテムにアクセスします。
    すぐにアイテムにアクセスするためのリンク
  6. アイテムの説明ページで、[開く] ボタンをクリックして、[アプリケーションの表示] を選択します。
    [開く] ボタン

    新しいブラウザ タブまたはウィンドウで Web アプリケーションが開きます。プレビューしたときと同じように開きます。

  7. テンプレートのダウンロード

    先ほどしたようにテンプレートを公開した場合、Web アプリケーションは ArcGIS Online によってホストされます。アプリケーションをホストするサーバを自分で選択する場合、テンプレートのサムネイル画像の下にある [ダウンロード] リンクをクリックします。保存して Zip ファイルを解凍し、readme ファイルの指示に従います。

Web アプリケーションの構成

基本ビューア テンプレートは構成可能、つまりさまざまなプロパティを設定できます。

手順:
  1. Web アプリケーションのブラウザ タブまたはウィンドウを閉じ、アイテムの説明ページに戻ります。
  2. 説明ページで、[アプリケーションの構成] ボタンをクリックします。
    [アプリケーションの構成] ボタン

    左に Web アプリケーションが開き、右のパネルでプロパティを設定します。

    構成可能な状態の Web アプリケーション
  3. [General Settings] の下にあるパネルで、[Color Scheme] ドロップダウン矢印をクリックし、任意の色を選びます。
    [Color Scheme] ドロップダウンの選択リスト
  4. パネルの下で、[更新] をクリックして変更を適用します。
  5. オプションとして、[General Settings] の下で、新しいタイトルを入力したり、チェックボックスをオフにしてタイトルをオフにしたりできます。
  6. [Menu Items] の下で、無効にする必要のある機能のチェックボックスをオフにします。
    [Bookmarks] および [Measure] チェックボックスがオフになっているメニュー アイテムのリスト

    たとえば、ユーザがマップで計測したり、ブックマークを保存したりする必要がないと判断した場合などです。

    ヒントヒント:

    Web アプリケーションの上部にあるツールバーにすべてのコントロール (印刷、レイヤ、ベースマップなど) が表示されない場合、ブラウザ ウィンドウを最大化するか、サイド バネルの幅を狭くします。

  7. [更新] をクリックして、変更を保存します。
  8. 操作をいろいろと試してみます。Web アプリケーションの外観に満足した場合、[保存] をクリックします。
    [保存] ボタン

    アプリケーションの説明ページに戻ります。

  9. メニュー アイテムの構成

    構成可能なテンプレートでは、Web アプリケーションの外観をカスタマイズし、マップのメッセージに合わない機能を削除できます。マップで機能がサポートされていない場合は、一部のマップ コントロールが自動的に抑制されます。たとえば、マップに編集可能なサービスまたは時間対応サービスがない場合、[エディタ] コントロールおよび [タイム スライダ] コントロールは表示されません (メニュー アイテムのリストではオンになっています)。

    [Elevation] および [Show Elevation Difference] アイテムはデフォルトでオフになっていますが、ポイント位置の標高値を得るため、および断面図グラフを作成するためにオンにすることもできます。標高サービスは背後でアクセスするので、マップの一部にする必要はありません。

  10. [マイ コンテンツ] ページにアクセスします。
    Web アプリケーションを示す [マイ コンテンツ] ページ

    [種類] 列で、Web アプリケーションは Web マップと区別されています。

  11. オプションとして、Web アプリケーションをすべての人と共有します。
  12. Web アプリケーションと Web マップ

    Web アプリケーションは、公開元となる Web マップに依存します。Web マップの共有を停止 (または削除) すると、Web アプリケーションにアクセスできなくなります。また、Web マップに保存された変更は、Web アプリケーションにも反映されます。

実習

アイテムの説明ページおよび検索結果に表示される Web アプリケーションのサムネイル画像は汎用的な画像です。それとは対照的なのが Web マップのサムネイル画像で、そこにはマップの一部の画像が表示されます。汎用的なサムネイル画像を Web アプリケーションの画像で置き換えるには、下の手順に従ってください。

  1. Web アプリケーションを開きます。
  2. コンピュータのスクリーン キャプチャ ソフトウェアを使って、Web アプリケーションの画像をキャプチャします。
  3. コンピュータのフォルダに、画像を PNG、GIF、または JPEG 形式で保存します。
  4. Web アプリケーションのアイテムの説明ページを開きます。
  5. [編集] ボタンをクリックしてアイテム説明を編集します。
  6. 汎用的なサムネイル画像をクリックし、キャプチャした画像を探します。
  7. 編集結果を保存します。
アイテムの説明ページにある新しいサムネイル画像

これは、オンライン マッピングに関するチュートリアルのシリーズで 6 番目のチュートリアルです。