impact summary map template jsダウンロード - impact summary map template jsソースコードダウンロード

impact summary map template js

ウェブサイトデータ

ArcGIS Online 5.2 Release (June 2017)

ダウンロード

Impact-Summary-Map-Template-JS

このインタラクティブマップは、エリアを強調し、その場所に関連するデータの概要を示しています。マップの下部にあるボックスに表示されるデータは、マップだけでは答えることができない場所に関する新しい質問に答えることができる整数データにすることができます。

たとえば、Webマップでは、人口統計、景観、インフラストラクチャ、およびその他の変数を濃縮したレイヤーを使用してポリゴンを豊かにするか、集計ポイントで独自のデータを分析できます。次に、このテンプレートを使用して、単純なWebマッピングアプリケーションで分析を表示できます。

ライブで表示します

テンプレートは、次のオプションを使用して構成できます。

マップ：アプリケーションで使用するWebマップを選択します。
応答性：サイズを収容できる場合、サイドドロワーが表示されます。レスポンシブドロワーは、ユーザーがオンまたはオフに切り替えることができ、アプリケーションをブログやWebサイトに組み込むことができます。
ナビゲーション：ホームとロケートボタンは、マップナビゲーションを簡単に追加します。
コンテンツ：フィールドを含む機能サービスレイヤーを選択して、整数データを要約します。複数の機能を含むレイヤーとレンダラーが定義されているため、レンダラー値で機能を選択できます。インタラクティブなダッシュボードは、フィールドを介して最大4つのグループパネルとページでフィールドを分類する機能を提供します。
概要： 「エリア」パネルでアプリケーションを簡単に説明します。
検索：アドレスや場所の検索を有効にします。
共有： Twitter、Facebook、Google+を介してこのアプリケーションを共有するか、ブログまたはWebサイトに埋め込むためにHTMLを生成します。
ベースマップ： 2つのESRIベースマップ間の切り替えを有効にします。
レイヤー：レイヤーの可視性を切り替えます。
伝説：伝説を表示します。
概要：アプリケーションに関する情報を表示します。ダイアログは、起動時に開くように設定することもできます。

説明書

.zipファイルをダウンロードして解凍するか、リポジトリをクローンします。
Webに有効なディレクトリ。
.htmlページにアクセスします。
テンプレートを書き始めましょう！

Githubは初めてですか？ここから始めましょう。

展開

このアプリケーションを展開するには、Portal/ArcGISからオンラインでテンプレートをダウンロードし、解凍します。
index.htmlなどのWebアプリテンプレートファイルを含む解凍されたフォルダーをWebサーバーにコピーします。フォルダーの名前を変更して、ユーザーがアプリケーションにアクセスするURLを変更できます。デフォルトでは、アプリへのURLはhttp://<Your Web Server>/<app folder name>/index.htmlになります
アプリケーションのdefaults.js内のdefaults.jsにある共有ホストを変更し、ArcGISオンラインまたはポータルの共有URLに変更します。 ArcGISオンラインユーザーの場合、www.arcgis.comのデフォルト値を保持するか、組織の名前を指定してください。

Arcgisオンライン例： "sharinghost": "https://" + “<your organization name>.maps.arcgis.com
ポータルの例arcgis Webアダプターの名前である： "sharinghost": "https://" + "webadaptor.domain.com/arcgis"

JavaScript用のArcGIS APIのポータルまたはローカルインストールを使用している場合、index.htmlのJavaScriptのArcGIS APIへのすべての参照を変更して、APIのローカルコピーを参照してください。 "https://js.arcgis.com/3.35"を含む参照を検索し、参照のこの部分をローカルインストールにURLに置き換えます。

たとえば、 "https://webadaptor.domain.com/arcgis/jsapi/jsapi"ここで、 arcgisあなたのWebアダプターの名前です。

ポータル/ArcGISからマップまたはグループIDをオンラインでコピーし、アプリケーションのindex.htmlページのデフォルトのWebマップIDを置き換えます。これで、Webサーバーでアプリケーションを実行するか、アプリケーションをさらにカスタマイズできます。

注：アプリケーションが機能サービスで機能を編集する、公開されていない安全なサービスまたはWebマップが含まれている場合、または200文字を超えるリクエストを生成する場合、プロキシページを設定して使用する必要がある場合があります。 URLの長さを超える可能性のある一般的な状況は、タスクへの入力として複雑なポリゴンを使用するか、よく知られているテキスト（WKT）を使用して空間参照を指定することです。プロキシページのインストールと構成の詳細については、プロキシの使用を参照してください。インターネット接続がない場合は、developers.arcgis.comからJavaScriptドキュメントのARCGIS APIにアクセスして展開する必要があります。

データレイヤーの要件

このテンプレートには、マップ上のブロックパネルにデータを表示するために、数値属性を備えたfeaturelayerが必要です。

テンプレートの構成

このテンプレートには、アプリケーションビルダーが組み込まれています。 arcgis.comを介してこのテンプレートを使用している場合は、ArcGISにログインしている間にこのビルダーを利用できます。 APPIDパラメーターを介してアプリケーションの所有者である場合、ビルダーモードに入力してテンプレートの構成を開始するオプションが表示されます。

ArcGISオンラインアプリケーションを使用していない場合は、defaults.jsを使用してこのテンプレートを構成することができます。データレイヤーを構成するには、featurelayer IDを「summarrylayer」： "id"プロパティに入力します。このレイヤーのIDを知る必要があります。レイヤーのIDは、WebMap JSON応答で見ることができます。

データを構成したレイヤーを使用したら、defaults.jsの「summaryattributes」プロパティを編集して、表示したい属性の入力を開始できます。

1〜4の主な変数を指定でき、それぞれにメイン変数がクリックされたときに表示される0のサブ変数を持つことができます。メイン変数の場合、オプションでデータのソースにリンクできます。各変数にもラベルを付けることができます。

レイヤーの例

 "summaryLayer": {
    "id": "THE_ID_OF_MY_LAYER"
},

属性の例

 "summaryAttributes": [{
    "attribute": "MY_MAIN_VARIABLE",
    "label": "My Variable",
    "dataSourceUrl": "http://mydata.com/",
    "children": [{
        "attribute": "MY_RELATED_VARIABLE 1",
        "label": "My Related Variable 1"
    }, {
        "attribute": "MY_RELATED_VARIABLE 2",
        "label": "My Related Variable 2"
    }]
}]

Githubは初めてですか？ここから始めましょう。

要件

メモ帳またはHTMLエディター
JavaScriptを使用した小さな背景
ArcGis JavaScript APIでの経験が役立ちます。

webfonts

このアプリケーションは、Fontelloで作成されたカスタムWebFontを使用します。独自のサーバーでこのアプリケーションをホストしている場合は、正しいMIMEタイプのWebFontファイルをホストするように構成されていることを確認してください。一部のサーバーでは、これらのファイルを正しく提供できるようにするために、MIMEタイプセットが必要です。詳細については、次のURLを参照してください。このリポジトリの「リソース」フォルダーにfontello構成を備えたWebfontのzipアーカイブがあります。