impact summary map template js 다운로드 - impact summary map template js 소스 코드 다운로드

impact summary map template js

웹사이트 데이터

ArcGIS Online 5.2 Release (June 2017)

다운로드

임팩트-덤-맵-템플릿 -JS

이 대화식 맵은 영역을 강조하고 해당 위치와 관련된 데이터 요약을 보여줍니다. 맵의 맨 아래에 상자에 제시된 데이터는 맵만으로 답변 할 수없는 위치에 대한 새로운 질문에 대답 할 수있는 정수 데이터 일 수 있습니다.

예를 들어, 웹 맵에서는 인구 통계, 조경, 인프라 및 기타 변수를 통해 일부 다각형을 강화하거나 집계 지점으로 자신의 데이터를 분석 할 수 있습니다. 그런 다음이 템플릿을 사용하여 간단한 웹 매핑 응용 프로그램으로 분석을 표시 할 수 있습니다.

라이브를보십시오

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

지도 : 응용 프로그램에서 사용할 웹 맵을 선택하십시오.
응답 : 사이즈 크기를 수용 할 수있을 때 측면 서랍이 표시됩니다. 반응 형 드로어는 사용자가 켜거나 끄고 응용 프로그램을 블로그와 웹 사이트에 포함시킬 수 있습니다.
내비게이션 : 홈 및 위치 버튼은 맵 탐색의 용이성을 추가합니다.
내용 : 필드를 포함하는 기능 서비스 계층을 선택하여 정수 데이터를 요약하십시오. 여러 기능을 포함하고 렌더러가 정의 된 레이어는 렌더러 값으로 기능을 선택할 수 있습니다. 대화식 대시 보드는 필드를 최대 4 개의 그룹 패널과 필드를 통해 페이지로 분류 할 수있는 기능을 제공합니다.
요약 : "지역"패널에서 응용 프로그램을 간략하게 설명하십시오.
검색 : 주소 및 장소를 검색 할 수 있습니다.
공유 : 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에 액세스하고 배포해야합니다.

데이터 계층 요구 사항

템플릿에는 숫자 속성이있는 기능이 필요합니다. 맵 위의 블록 패널에 데이터를 표시합니다.

템플릿 구성

이 템플릿에는 응용 프로그램 빌더가 내장되어 있습니다. Arcgis.com을 통해이 템플릿을 사용하는 경우 ArcGIS에 로그인 한 상태 에서이 빌더를 활용할 수 있습니다. AppID 매개 변수를 통해 응용 프로그램의 소유자 인 경우 Builder 모드를 입력하고 템플릿 구성을 시작하는 옵션이 표시됩니다.

ArcGIS 온라인 응용 프로그램을 사용하지 않는 경우 구성 폴더에서 defaults.js를 사용 하여이 템플릿을 구성 할 수 있습니다. 데이터 계층을 구성하려면 FeatureLayer ID를 "SummaryLayer": "ID"속성에 입력하십시오. 이 레이어의 ID를 알아야합니다. 레이어의 ID는 WebMap JSON 응답에서 또는 Fircurelayer 객체를 콘솔에 로그인하여 볼 수 있습니다.

구성된 데이터가있는 레이어가 있으면 기본값에서 "SummaryAttributes"속성을 편집하여 표시 할 속성을 입력 할 수 있습니다.

1-4 개의 기본 변수를 지정할 수 있으며 각각은 기본 변수를 클릭 할 때 표시 될 0-many 하위 변수를 가질 수 있습니다. 기본 변수의 경우 선택적으로 데이터 소스에 연결할 수 있습니다. 각 변수에는 라벨도 가질 수 있습니다.

레이어 예제

 "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에 대한 경험이 도움이 될 것입니다.

웹 폰트

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