맵, 앱 또는 맵 및 앱 그룹을 공유할 수 있는 한 가지 방법은 블로그 또는 기관의 웹사이트와 같은 웹 페이지에 포함하는 것입니다. ArcGIS Enterprise에서는 필요한 코드와 레이아웃 및 디스플레이 옵션을 제공합니다. ArcGIS Enterprise 포털에서 도구를 사용하여 맵, 앱, 그룹을 임베드하려면 공유 권한이 필요합니다.
맵 임베드
즉시 사용 가능한 HTML 코드를 사용하여 Map Viewer에서 연 공용 맵을 임베드하려면 다음을 수행합니다.
- Map Viewer에서 저장된 맵을 엽니다.
- 맵이 모든 사람(공개)과 공유되어 있는지 확인합니다.
비고:
맵이 공개적으로 공유되지 않은 경우 맵 임베드
를 클릭하면 맵 공유 설정이 자동으로 열립니다.자세한 내용은 맵 공유 검토 사항을 참고하세요.
- 콘텐츠(어두운) 도구모음에서 맵 임베드 를 클릭합니다.
- 필요한 경우 임베드 창에서 맵을 구성하려면 다음을 수행합니다.
- 맵 모드(밝은 또는 어두운)를 선택합니다.
- 맵에 포함할 맵 요소(맵 제목, 범례, 맵 요약, 북마크) 옆에 있는 체크 박스를 선택합니다.
- 맵 뷰어에서 열기 토글 버튼을 켜서 Map Viewer에서 임베드된 맵을 여는 옵션을 활성화합니다.
- HTML 복사를 클릭하여 제공된 HTML 코드를 복사합니다.
- 맵을 나타낼 웹페이지에 코드를 붙여넣으세요.
비고:
HTML 코드에는 스크립트 태그 및 임베드할 맵이 포함된 사용자 설정 요소가 포함되어 있습니다. 스크립트 태그를 웹페이지의 <head>에 붙여넣습니다. 맵을 표시하려는 웹페이지의 <body>에 사용자 설정 요소를 추가합니다.
앱 임베드
맵을 임베드하는 대신 앱을 웹사이트에 임베드할 수 있습니다. 앱 임베드는 다양한 시나리오에서 유용할 수 있습니다. 몇 가지 예시를 들면 다음과 같습니다.
- ArcGIS Configurable Apps 템플릿(예시: 기본 뷰어 템플릿)을 사용하여 생성했으며 구성한 모든 앱 기능을 포함하는 앱 표시
- 길찾기 템플릿에서 생성한 앱을 임베드하거나 ArcGIS Web AppBuilder에서 길찾기 위젯을 사용하여 임베드된 자격 증명으로 World Routing Service와 같은 프리미엄 서비스가 포함된 맵 표시
공용 웹 맵을 임베드할 때 웹사이트에 임베드 옵션을 사용하여 웹사이트에 앱을 임베드할 수 있습니다. 맵 대신 앱을 임베드하려면 아래 단계에 설명된 대로 생성된 HTML 코드를 수정합니다. 이러한 단계를 사용하여 호스팅 웹 앱 또는 Web AppBuilder 앱을 임베드할 수 있습니다.
- 콘텐츠를 공유할 권한이 있는 계정으로 로그인되어 있는지 확인합니다.
- 맵 및 웹 앱을 생성합니다.
- 앱 항목 페이지의 오버뷰 탭 또는 앱이 열릴 때 표시되는 웹 브라우저의 주소 표시줄에서 앱의 URL을 복사하세요.
- Map Viewer Classic에서 앱을 생성하는 데 사용된 맵을 열고 공유를 클릭합니다.
비고:
현재 이 기능은 Map Viewer Classic에서만 지원됩니다. 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="https://arcgis.com/apps/View/index.html?appid=6b6a075eca8d4899958fb273710a6806"></iframe> - 전체 HTML 코드 블록을 복사하여 웹사이트 구성에 붙여넣습니다.
팁:
URL 매개변수를 사용하여 임베드할 앱의 모양과 느낌 또는 기능을 제어할 수도 있습니다.
맵 및 웹 앱 그룹 임베드
비고:
임베드 갤러리는 지원종료되었습니다. 웹페이지에 복사한 임베드 코드는 공식적으로 지원이 종료될 때까지 계속 작동합니다. 대신 Instant Apps를 사용하여 그룹 콘텐츠를 표시합니다.
포털 웹사이트를 통해 그룹을 임베드하는 경우 레이아웃과 그룹 항목 표시 방법을 선택합니다. 공개 그룹만 임베드할 수 있으며, 맵 및 웹 앱만 임베드된 갤러리에 표시됩니다.
- 임베드할 공개 그룹을 엽니다.
- 오버뷰 탭에서 웹 앱 생성을 클릭합니다.
- 임베드(지원종료) 버튼
을 클릭합니다.두 옵션을 모두 사용할 수 없는 경우 공개 그룹이 아니며 그룹을 임베드할 수 없습니다. 그룹 소유자, 관리자, 그룹 관리 권한이 있는 사용자는 그룹 상태를 공개로 변경할 수 있습니다.
- 그룹 항목의 레이아웃을 선택합니다.
- 맵 및 웹 앱이 보여지는 방법(임베드된 갤러리 위, 미리 정의된 갤러리 앱이 포함된 새 창, 구성된 앱이 포함된 새 창)을 선택합니다.
구성된 앱이 포함된 새 창에 항목을 표시하도록 선택한 경우 앱의 URL을 입력하세요.
- 제공된 HTML 코드를 복사합니다.
- 완료를 클릭합니다.
- 그룹을 표시할 웹페이지에 코드를 붙여넣으세요.