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 월 ARCGIS 온라인 업데이트와 함께 2025 년 10 월에 제거됩니다.

더 이상 사용되지 않는 : 공개 정보 맵 테마 플레이트 -J

이는 권위있는 데이터 피드 및 소셜 컨텐츠를 통해 영역을 강조하는 완전 구성 가능한 공개 매핑 애플리케이션으로 대중이 이야기를 할 수 있습니다.

라이브를보십시오

템플릿은 다음 옵션을 사용하여 구성 할 수 있습니다.

지도 : 응용 프로그램에서 사용할 웹 맵을 선택하십시오.
인터랙티브 : 지도 참고 : 저자는 맵 메모 레이어를 사용하여지도의 영역을 설명 할 수 있습니다.
응답 : 사이즈 크기를 수용 할 수있을 때 측면 서랍이 표시됩니다. 반응 형 드로어는 사용자가 켜거나 끄고 응용 프로그램을 블로그와 웹 사이트에 포함시킬 수 있습니다.
내비게이션 : 홈 및 위치 버튼은 맵 탐색의 용이성을 추가합니다.
내용 : Flickr, Twitter, Instagram 또는 Webcams.travel에서 지리적으로 위치한 컨텐츠를 표시하도록 선택하십시오.
요약 : "지역"패널에서 응용 프로그램을 간략하게 설명하십시오.
키워드 : 쿼리 키워드를 사용하여 Flickr 또는 Twitter에서 검색하십시오.
검색 : 주소 및 장소를 검색 할 수 있습니다.
공유 : Twitter, Facebook, Google+를 통해이 응용 프로그램을 공유하거나 블로그 나 웹 사이트에 포함시킬 HTML을 생성하십시오.
Basemap : 두 Esri Basemap 사이에서 토글링을 활성화합니다.
레이어 : 레이어의 가시성 토글.
전설 : 전설을 표시하십시오.
북마크 : 웹 맵 북마크를 사용하여 맵을 탐색 할 수 있습니다.
정보 : 응용 프로그램에 대한 정보를 표시합니다. 대화에서 대화 상자를 열도록 설정할 수도 있습니다.
액세스 및 사용 제약 조건 : 맵이 열릴 때 팝업 대화 상자에서 웹 맵에 대한 액세스 및 사용 제약 조건을 표시합니다.

지침

.zip 파일을 다운로드하여 압축하거나 저장소를 복제하십시오.
웹을 참조 할 수있는 디렉토리.
.html 페이지에 액세스하십시오.
템플릿 작성을 시작하십시오!

Github에 새로? 여기서 시작하십시오.

배포

이 응용 프로그램을 배포하려면 Fortal/Arcgis Online에서 템플릿을 다운로드하여 압축을 풀습니다.
index.html과 같은 웹 앱 템플릿 파일이 포함 된 압축되지 않은 폴더를 웹 서버에 복사하십시오. 폴더의 이름을 바꾸어 사용자가 응용 프로그램에 액세스 할 URL을 변경할 수 있습니다. 기본적으로 앱의 URL은 http://<Your Web Server>/<app folder name>/index.html 입니다.
애플리케이션 구성 폴더 내부의 Defaults.js에있는 공유 호스트를 ArcGIS Online 또는 Portal의 공유 URL로 변경하십시오. ArcGIS Online 사용자의 경우 www.arcgis.com의 기본값을 유지하거나 조직 이름을 지정하십시오.

ArcGIS 온라인 예 : "sharinghost": "https://" + “<your organization name>.maps.arcgis.com
arcgis 가 웹 어댑터의 이름 인 포털 예제 : "sharinghost": "https://" + "webadaptor.domain.com/arcgis"

Portal 또는 JavaScript 용 ArcGIS API의 로컬 설치를 사용하는 경우 index.html의 JavaScript 용 ArcGIS API에 대한 모든 참조를 변경하여 API의 로컬 사본을 참조하십시오. "https://js.arcgis.com/3.35" 가 포함 된 참조를 검색하고 참조 의이 부분을 URL로 교체하십시오.

예를 들어 : "https://webadaptor.domain.com/arcgis/jsapi/jsapi" 여기서 arcgis 웹 어댑터의 이름입니다.

Portal/Arcgis Online에서 맵 또는 그룹 ID를 복사하고 응용 프로그램 index.html 페이지에서 기본 웹 맵 ID를 교체하십시오. 이제 웹 서버에서 응용 프로그램을 실행하거나 응용 프로그램을 추가로 사용자 정의 할 수 있습니다.

참고 : 응용 프로그램에 기능 서비스에서 기능을 편집하거나 공개적으로 공유되지 않은 보안 서비스 또는 웹 맵이 포함되어 있거나 200 자를 초과하는 요청을 생성하면 프록시 페이지를 설정하고 사용해야 할 수도 있습니다. URL 길이를 초과 할 수있는 일반적인 상황은 복잡한 다각형을 작업에 대한 입력으로 사용하거나 잘 알려진 텍스트 (WKT)를 사용하여 공간 참조를 지정합니다. 프록시 페이지 설치 및 구성에 대한 자세한 내용은 프록시 사용을 참조하십시오. 인터넷이 연결되어 있지 않은 경우 Developers.arcgis.com의 JavaScript 문서에 대한 ArcGIS API에 액세스하고 배포해야합니다.

소셜 미디어 배포

다른 서버에서 소셜 미디어 피드를 사용하려면 앱의 사용자 키를 가져 와야하며 경우에 따라 올바르게 연결하려면 프록시를 배포해야합니다.

이 값을 프록시의 부호 및 쿼리 URL에 지적해야합니다.

Flickr 구성

Flickr API에서 자신의 고유 키를 얻어야합니다.

그런 다음 flickr_key 로 구성에 입력하십시오.

Instagram 구성

Instagram API에서 고유 한 Instagram 클라이언트 ID 키를 얻어야합니다.

앱이 서버에 연결할 수 있도록 Instagram 보안 패널에 유효한 모든 리디렉션 URI를 입력하십시오.

그런 다음 구성에 instagramClientId 로 입력하십시오.

트위터 구성

Twitter Search API는 OAUTH2를 사용하여 사용자 인증을 지원하지 않으므로 OAUTH 1.1을 사용해야합니다. 이는 키가 보안을 위해 저장된 서버 측이어야합니다. 따라서 Keys를 비밀로 유지하고 Twitter 검색 API를 통해 정보를 쿼리 할 수있는 Twitter 프록시를 만들어야합니다.

프록시 :

트위터 OAUTH 프록시 PHP
Twitter Oauth 프록시 Java

프록시가 설정되면 사용자 구성을 Signin URL 및 Twitter URL의 위치에 가리켜 야합니다.

구성 값은 다음과 같습니다.

twitterUrl
twitterSigninUrl

그런 다음 Twitter API에서 API 키를 가져와야합니다. 일단 있으면 세부 정보를 프록시 구성에 연결하십시오.

Webcams.travel 구성

웹캠에서 자신만의 고유 한 웹캠을 얻어야합니다. Travel API

그런 다음 구성에 webcams_key 로 입력하십시오.

YouTube 구성

YouTube API에서 고유 한 API 키를 얻어야합니다.

먼저 응용 프로그램에서 사용할 수 있도록 "YouTube Data API v3"을 활성화해야합니다.

"YouTube Data API v3"에 대한 API 사용 키를 만들고 응용 프로그램이 호스팅되는 도메인에서만 트래픽을 제한하기 위해 자격 증명을 설정하려고합니다. 예를 들어, " .arcgis.com/ "를 사용합니다.

그런 다음 config에서 youtube_key 에 입력하십시오.

요구 사항

메모장 또는 HTML 편집기
JavaScript가있는 약간의 배경
Arcgis JavaScript API에 대한 경험이 도움이 될 것입니다.

웹 폰트

이 응용 프로그램은 Fontello에서 생성 된 사용자 정의 웹 폰트를 사용합니다. 자체 서버 에서이 애플리케이션을 호스팅하는 경우 올바른 MIME 유형으로 WebFont 파일을 호스팅하도록 구성되어 있는지 확인하십시오. 일부 서버에는 이러한 파일을 올바르게 제공 할 수 있도록 MIME 유형 세트가 필요합니다. 자세한 내용은 다음 URL을 참조하십시오. 이 저장소의 "Resources"폴더에 Fontello 구성이있는 WebFont의 Zip Archive가 있습니다.