public information map template jsダウンロード - public information map template jsソースコードダウンロード

public information map template js

ウェブサイトデータ

ArcGIS Online 5.2 Release (June 2017)

ダウンロード

ArcGIS構成可能なアプリは2025年に廃止されます。ARCGIS構成可能なアプリソースコードリプロは非推奨で、更新は受け取りません。さらに、このリポジトリは、2025年10月のARCGISオンラインアップデートとともに、2025年10月に削除されます。

非推奨：パブリックインフォーメーションマップテンプレート-JS

これは、権威あるデータフィードとソーシャルコンテンツを介して領域を強調する完全に構成可能なパブリックマッピングアプリケーションであり、一般の人々がストーリーを伝えることができます。

ライブで表示します

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

マップ：アプリケーションで使用するWebマップを選択します。
インタラクティブ：マップノート：著者は、マップノートレイヤーを使用してマップ上の領域を説明できます。
応答性：サイズを収容できる場合、サイドドロワーが表示されます。レスポンシブドロワーは、ユーザーがオンまたはオフに切り替えることができ、アプリケーションをブログやWebサイトに組み込むことができます。
ナビゲーション：ホームとロケートボタンは、マップナビゲーションを簡単に追加します。
コンテンツ： Flickr、Twitter、Instagram、またはWebCams.Travelからジオロケーションコンテンツを表示することを選択します。
概要： 「エリア」パネルでアプリケーションを簡単に説明します。
キーワード：クエリキーワードを使用して、FlickrまたはTwitterで検索します。
検索：アドレスや場所の検索を有効にします。
共有： Twitter、Facebook、Google+を介してこのアプリケーションを共有するか、ブログまたはWebサイトに埋め込むためにHTMLを生成します。
ベースマップ： 2つのESRIベースマップ間の切り替えを有効にします。
レイヤー：レイヤーの可視性を切り替えます。
伝説：伝説を表示します。
ブックマーク： WebMapブックマークを使用してマップをナビゲートできます。
概要：アプリケーションに関する情報を表示します。ダイアログは、起動時に開くように設定することもできます。
アクセスと使用制約：マップが開いたときにポップアップダイアログでWebマップにアクセスと使用を表示し、使用します。

説明書

.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にアクセスして展開する必要があります。

ソーシャルメディアの展開

別のサーバーでソーシャルメディアフィードの一部を使用するには、アプリの独自のユーザーキーを取得し、場合によっては正しく接続するためにプロキシを展開する必要があります。

これらの値をURLのサインとプロキシのURLをクエリする必要があります。

Flickr構成

Flickr APIから独自のユニークなキーを取得する必要があります

次に、 flickr_keyとして構成に入力します。

Instagram構成

Instagram APIから独自のユニークなInstagramクライアントIDキーを取得する必要があります

Instagramセキュリティパネルにすべての有効なリダイレクトURIを入力して、アプリがサーバーに接続できるようにしてください。

次に、 instagramClientIdとして構成に入力します。

Twitter構成

Twitter Search APIはOAUTH2を使用したユーザー認証をサポートしていないため、セキュリティのためにサーバー側を保存する必要があるOAUTH 1.1を使用する必要があります。したがって、キーを秘密に保ち、Twitter検索APIを介して情報を照会できるようにするTwitterプロキシを作成する必要があります。

プロキシ：

Twitter oauthプロキシphp
Twitter Oauth Proxy Java

プロキシがセットアップされたら、ユーザー構成にSignin URLとTwitter URLの場所を指す必要があります。

構成値は次のとおりです。

twitterUrl
twitterSigninUrl

次に、Twitter APIからAPIキーを取得する必要があります。それを手に入れたら、その詳細をプロキシ構成に差し込みます。

webcams.travel構成

あなたはあなた自身のユニークなウェブカメラを取得する必要があります。ウェブカメラからトラベルキー。TravelAPI

次に、 webcams_keyとして構成に入力します。

YouTube構成

YouTube APIから独自のAPIキーを取得する必要があります

まず、アプリケーションで使用できるように「YouTube Data API V3」を有効にする必要があります。

「YouTube Data API V3」のAPI使用キーを作成し、その上に資格情報を設定して、アプリケーションがホストされるドメインのみからトラフィックを制限することをお勧めします。たとえば、 " .arcgis.com/ "を使用します。

次に、 youtube_keyとして構成に入力します。

要件

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

webfonts

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