맵, 앱 또는 맵 및 앱 그룹을 공유할 수 있는 한 가지 방법은 블로그 또는 기관의 웹 사이트와 같은 웹 페이지에 포함하는 것입니다. 포털에서는 필요한 코드와 레이아웃 및 디스플레이 옵션을 제공합니다. Portal for ArcGIS에서 도구를 사용하여 맵, 앱 및 그룹을 임베드하려면 공유 권한이 필요합니다.
맵 임베드
Map Viewer에서 연 공용 맵을 임베드하려면 즉시 사용 가능한 HTML 코드를 복사하여 웹 사이트에 붙여넣습니다. 필요한 경우 코드를 복사하기 전에 맵의 임베드된 뷰를 구성할 수 있습니다. 맵의 크기를 선택하고, 맵 옵션을 선택하고, 맵의 위치에 심볼을 추가하고, 테마를 선택할 수 있습니다.
- 콘텐츠 공유 권한이 있는 계정으로 로그인되어 있는지 확인합니다.
- Map Viewer에서 저장된 맵을 열고 공유를 클릭합니다.
- 맵이 모든 사람(공개)과 공유되어 있는지 확인합니다.
- 웹 사이트에 임베드를 클릭합니다.
공개 맵이 아닌 경우에는 맵을 임베드할 수 없으므로 이 옵션을 사용할 수 없습니다. 맵의 소유자인 경우 맵의 상태를 공용으로 변경할 수 있습니다.
- 필요에 따라 맵을 구성하려면 다음을 수행합니다.
- 맵 크기를 선택합니다.
- 맵에 포함하려는 옵션에 해당하는 체크 박스를 선택합니다. 이러한 옵션에는 확대 컨트롤, 홈 버튼, 베이스맵 선택기(갤러리 선택 또는 전환), 더 큰 맵을 보기 위한 링크, 스크롤 확대 비활성화, 축척 막대, 위치 검색(검색에 현재 맵 범위를 사용하려는 경우 선택), 맵 세부정보, 범례(맵 세부정보, 범례 같은 활성 창 선택), 미리 보기 이미지(앱을 불러오는 동안 맵 이미지 표시)가 있습니다. 미리 보기에는 맵에서 옵션이 나타나는 위치가 보입니다.
팁:
더 큰 맵을 보여주는 옵션을 포함한 경우 더 큰 맵이 임베드된 앱의 고유한 페이지에서 열립니다. HTML 코드에서 View larger map를 편집하여 링크 이름을 변경할 수 있습니다.
- 맵의 특정 위치에 심볼을 추가합니다. 심볼 추가 탭에서는 위치를 선택하고, 심볼 제목, 팝업에 대한 설명 및 심볼로 나타낼 이미지에 대한 URL을 입력합니다. 최고의 결과를 얻으려면 이미지 크기가 120 x 120픽셀을 넘어서는 안 됩니다. 그 외의 크기는 자동으로 조정됩니다. 허용되는 이미지 형식은 PNG, GIF, JPEG입니다.
- 테마를 선택합니다.
- 제공된 HTML 코드를 복사합니다.
- 맵을 표시할 웹 페이지에 코드를 붙여넣습니다.
앱 임베드
맵 자체를 임베드하는 대신 앱을 웹 사이트에 임베드할 수 있습니다. 앱 임베드는 다양한 시나리오에서 유용할 수 있습니다. 몇 가지 예시를 들면 다음과 같습니다.
- 구성 설정 앱 템플릿(예시: 기본 뷰어 또는 스토리 맵 템플릿 중 하나)을 사용하여 생성했으며 구성한 모든 앱 기능을 포함하는 앱 표시
- Geoform 앱을 웹 사이트에 임베드하여 데이터 수집 기능 향상
- 길찾기 템플릿에서 생성한 앱을 임베드하거나 Web AppBuilder for ArcGIS에서 길찾기 위젯을 사용하여 임베드된 자격 증명으로 World Routing Service와 같은 프리미엄 서비스가 포함된 맵 표시
공용 웹 맵을 임베드할 때 제공되는 웹 사이트에 임베드 옵션을 사용하여 웹 사이트에 앱을 임베드할 수 있습니다. 맵 대신 앱을 임베드하려면 아래 단계에 설명된 대로 생성된 HTML 코드를 수정합니다. 이러한 단계를 사용하여 호스팅 웹 앱 또는 Web AppBuilder for ArcGIS 앱을 임베드할 수 있습니다.
- 콘텐츠 공유 권한이 있는 계정으로 로그인되어 있는지 확인합니다.
- 포털에서 맵 및 웹 앱을 생성합니다.
- 앱 항목 페이지의 개요 탭 또는 앱이 열릴 때 표시되는 브라우저의 주소 표시줄에서 앱의 URL을 복사합니다.
- Map Viewer에서 앱을 생성하는 데 사용된 맵을 열고 공유를 클릭합니다.
- 맵이 모든 사람(공개)과 공유되어 있는지 확인하고 웹 사이트에 임베드를 클릭합니다.
공개 맵이 아닌 경우에는 맵을 임베드할 수 없으므로 이 옵션을 사용할 수 없습니다. 맵의 소유자인 경우 맵의 상태를 공용으로 변경할 수 있습니다.
- 맵을 임베드할 크기를 선택합니다.
- 제공된 HTML 코드에서 src= 뒤와 ></iframe> 앞 사이의 코드 부분을 제거하고 복사한 앱 URL로 바꿉니다.
예를 들어 "http://arcgis.com/apps/Embed/index.html?webmap=4cc9f0ba8e8c4d68b50c01c17efd4730"을 제거하고 "http://arcgis.com/apps/View/index.html?appid=6b6a075eca8d4899958fb273710a6806"으로 바꿉니다. 업데이트된 코드 부분은 다음과 유사합니다.
<iframe width="500" height="400" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://arcgis.com/apps/View/index.html?appid=6b6a075eca8d4899958fb273710a6806"></iframe> - 전체 HTML 코드 블록을 복사하여 웹 사이트 구성에 붙여넣습니다.
팁:
URL 매개변수를 사용하여 임베드할 앱의 모양과 느낌 또는 기능을 제어할 수도 있습니다.
맵 및 웹 앱 그룹 임베드
포털 웹 사이트를 통해 그룹을 임베드하는 경우 레이아웃과 그룹 항목 표시 방법을 선택합니다. 공개 그룹만 임베드할 수 있으며, 맵 및 웹 앱만 임베드된 갤러리에 표시됩니다.
- 콘텐츠 공유 권한이 있는 계정으로 로그인되어 있는지 확인합니다.
- 임베드할 공개 그룹을 엽니다.
- 개요 탭에서 공유, 웹 사이트에 임베드를 차례로 클릭합니다.
공개 그룹이 아닌 경우에는 그룹을 임베드할 수 없으므로 이 옵션을 사용할 수 없습니다. 그룹의 소유자인 경우 그룹의 상태를 공개로 변경할 수 있습니다.
- 그룹 항목의 레이아웃을 선택합니다.
- 맵 및 웹 앱이 보여지는 방법(임베드된 갤러리 위, 미리 정의된 갤러리 앱이 포함된 새 창, 구성된 앱이 포함된 새 창)을 선택합니다.
- 항목을 새 창에 표시하도록 선택한 경우 미리 정의된 갤러리 앱을 선택합니다.
- 항목을 구성된 앱이 포함된 새 창에 표시하도록 하려면 앱의 URL을 입력합니다.
- 제공된 HTML 코드를 복사합니다.
- 그룹을 표시할 웹 페이지에 코드를 붙여넣습니다.