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可配置的應用程序源代碼repro已棄用，不會收到進一步的更新。此外，該存儲庫將於2025年10月與2025年10月的ArcGIS在線更新一起刪除。

棄用：公開信息映射映射-JS

這是一個完全可配置的公共面向映射應用程序，可以通過權威數據和社交內容突出顯示領域，從而使公眾講述了一個故事。

查看它現場

可以使用以下選項對模板進行配置：

地圖：選擇要在應用程序中使用的網絡地圖。
交互式：地圖注：作者可以使用地圖註釋層描述地圖上的區域。
響應式：可以容納側抽屜時顯示側面抽屜。響應式抽屜可以由用戶打開或關閉，並允許將應用程序嵌入到博客和網站中。
導航：主頁和定位按鈕可添加易於地圖導航。
內容：選擇從Flickr，Twitter，Instagram或WebCams.travel顯示地理位置的內容。
摘要：簡要描述您在“區域”面板中的應用程序。
關鍵字：使用查詢關鍵字在Flickr或Twitter上搜索。
搜索：啟用搜索地址和地點。
共享：通過Twitter，Facebook，Google+共享此應用程序，或生成用於嵌入博客或網站的HTML。
基礎圖：啟用兩個ESRI基礎圖之間的切換。
層：切換圖層的可見性。
傳奇：展示傳奇。
書籤：網絡圖書籤可用於瀏覽地圖。
關於：顯示有關應用程序的信息。對話框也可以設置為在啟動時打開。
訪問和使用約束：在地圖打開時，在彈出對話框中顯示訪問和使用限制。

指示

下載並解壓縮.zip文件或克隆存儲庫。
網絡啟用目錄。
訪問.html頁面。
開始寫模板！

Github的新手？開始這裡。

部署

要部署此應用程序，請從Portal/arcgis在線下載模板並解壓縮。
將包含Web應用模板文件（例如index.html）的未拉鍊文件夾複製到您的Web服務器。您可以重命名文件夾以更改用戶可以訪問應用程序的URL。默認情況下，應用程序的URL將為http://<Your Web Server>/<app folder name>/index.html
更改應用程序文件夾內的默認設備中的共享主機，將應用程序的共享主機，在Online或Portal的ArcGIS分享URL。對於ArcGIS在線用戶，請保留www.arcgis.com的默認值或指定組織的名稱。

Arcgis在線示例： "sharinghost": "https://" + “<your organization name>.maps.arcgis.com
門戶網站示例其中arcgis是Web適配器的名稱： "sharinghost": "https://" + "webadaptor.domain.com/arcgis"

如果您將ArcGIS API的門戶或本地安裝用於JavaScript，請在index.html中更改對JavaScript的ArcGIS API的所有引用，以參考您的API本地副本。搜索包含"https://js.arcgis.com/3.35"的參考文獻，然後將此部分用URL替換為本地安裝。

例如： "https://webadaptor.domain.com/arcgis/jsapi/jsapi" arcgis是您的Web適配器的名稱。

從Portal/ArcGIS Online複製地圖或組ID，然後在應用程序index.html頁面中替換默認的網絡地圖ID。現在，您可以在Web服務器上運行應用程序，也可以進一步自定義應用程序。

注意：如果您的應用程序在功能服務中編輯功能，包含沒有公開共享或生成超過200個字符的請求的安全服務或Web地圖，則可能需要設置並使用代理頁面。您可能會超過URL長度的常見情況使用複雜的多邊形作為任務輸入或使用知名文本（WKT）指定空間參考。有關安裝和配置代理頁面的詳細信息，請參見使用代理。如果您沒有Internet連接，則需要從開發人員.arcgis.com訪問和部署ARCGIS API作為JavaScript文檔。

社交媒體部署

為了使用其他服務器上的某些社交媒體供稿，您需要為應用程序獲取自己的用戶鍵，在某些情況下，請部署代理以正確連接。

您需要將這些值指向代理的URL和查詢URL中的符號。

Flickr配置

您需要從Flickr API獲取自己的獨特鍵

然後，以flickr_key的形式輸入配置。

Instagram配置

您需要從Instagram API獲取自己獨特的Instagram客戶端ID密鑰

確保在Instagram安全面板中輸入所有有效的重定向URI，以便您的應用可以連接到其服務器。

然後，以instagramClientId形式在配置中輸入它。

Twitter配置

由於Twitter搜索API不支持使用OAUTH2的用戶身份驗證，因此我們需要使用OAuth 1.1，該1.1需要將鍵存儲為安全端以進行安全。因此，我們需要創建一個Twitter代理，該代理將保持密鑰秘密，並允許我們通過Twitter搜索API查詢信息。

代理：

Twitter Oauth代理PHP
Twitter Oauth代理Java

設置代理後，您需要將用戶配置指向符號URL和Twitter URL的位置。

配置值是：

twitterUrl
twitterSigninUrl

然後，您需要從Twitter API獲取API鍵。一旦擁有，請將其詳細信息插入代理配置中。

網絡攝像頭。旅行配置

您需要從網絡攝像頭api中獲取自己的獨特網絡攝像頭。

然後，將其輸入為webcams_key攝像頭的配置。

YouTube配置

您需要從YouTube API獲取自己的獨特API鍵

首先，您必須啟用“ YouTube數據API V3”，以便您的應用程序可以使用它。

您需要為“ YouTube數據API V3”創建一個API使用密鑰，並在其上設置憑據以限制僅託管應用程序的域的流量。例如，我們使用“ .arcgis.com/ ”。

然後，在youtube_key的配置中輸入它。

要求

記事本或HTML編輯器
帶有JavaScript的一些背景
具有ArcGIS JavaScript API的經驗將有所幫助。

WebFonts

該應用程序使用Fontello上創建的自定義WebFont。如果您在自己的服務器上託管此應用程序，請確保其配置為使用正確的MIME類型託管WebFont文件。一些服務器需要設置這些文件的MIME類型，才能正確使用它們。有關更多信息，請參見以下URL。該存儲庫中的“資源”文件夾中的Fontello配置有一個WebFont的郵政編碼。