Skip To Content

맵, 앱 및 그룹 임베드

맵, 앱 또는 맵 및 앱 그룹을 공유할 수 있는 한 가지 방법은 블로그 또는 기관의 웹사이트와 같은 웹 페이지에 포함하는 것입니다. 포털에서는 필요한 코드와 레이아웃 및 디스플레이 옵션을 제공합니다. ArcGIS Enterprise 포털에서 도구를 사용하여 맵, 앱, 그룹을 임베드하려면 공유 권한이 필요합니다.

맵 임베드

Map Viewer에서 연 공용 맵을 임베드하려면 즉시 사용 가능한 HTML 코드를 복사하여 웹사이트에 붙여넣습니다. 필요한 경우 코드를 복사하기 전에 맵의 임베드된 뷰를 구성할 수 있습니다. 맵의 크기를 선택하고, 맵 옵션을 선택하고, 맵의 위치에 심볼을 추가하고, 테마를 선택할 수 있습니다.

  1. 콘텐츠 공유 권한이 있는 계정으로 로그인되어 있는지 확인합니다.
  2. Map Viewer에서 저장된 맵을 열고 공유를 클릭합니다.
  3. 맵이 모든 사람(공개)과 공유되어 있는지 확인합니다.
  4. 웹사이트에 임베드를 클릭합니다.

    공개 맵이 아닌 경우에는 맵을 임베드할 수 없으므로 이 옵션을 사용할 수 없습니다. 맵의 소유자인 경우 맵의 상태를 공용으로 변경할 수 있습니다.

  5. 필요에 따라 맵을 구성하려면 다음을 수행합니다.
    • 맵 크기를 선택합니다.
    • 맵에 포함하려는 옵션에 해당하는 체크 박스를 선택합니다. 이러한 옵션에는 확대 컨트롤, 홈 버튼, 베이스맵 선택기(갤러리 선택 또는 전환), 더 큰 맵을 보기 위한 링크, 스크롤 확대 비활성화, 축척 막대, 위치 검색(검색에 현재 맵 범위를 사용하려는 경우 선택), 맵 세부정보, 범례(맵 세부정보, 범례 같은 활성 창 선택), 미리 보기 이미지(앱을 불러오는 동안 맵 이미지 표시)가 있습니다. 미리 보기에는 맵에서 옵션이 나타나는 위치가 보입니다.
      팁:

      더 큰 맵을 보여주는 옵션을 포함한 경우 더 큰 맵이 임베드된 앱의 고유한 페이지에서 열립니다. HTML 코드에서 View larger map를 편집하여 링크 이름을 변경할 수 있습니다.

    • 맵의 특정 위치에 심볼을 추가합니다. 심볼 추가 탭에서는 위치를 선택하고, 심볼 제목, 팝업에 대한 설명 및 심볼로 나타낼 이미지에 대한 URL을 입력합니다. 최고의 결과를 얻으려면 이미지 크기가 120 x 120픽셀을 넘어서는 안 됩니다. 그 외의 크기는 자동으로 조정됩니다. 허용되는 이미지 형식은 PNG, GIF, JPEG입니다.
    • 테마를 선택합니다.
  6. 제공된 HTML 코드를 복사합니다.
  7. 맵을 표시할 웹 페이지에 코드를 붙여넣습니다.

앱 임베드

맵을 임베드하는 대신 앱을 웹사이트에 임베드할 수 있습니다. 앱 임베드는 다양한 시나리오에서 유용할 수 있습니다. 몇 가지 예시를 들면 다음과 같습니다.

  • 구성 설정 앱 템플릿(예시: 기본 뷰어 또는 스토리 맵 템플릿 중 하나)을 사용하여 생성했으며 구성한 모든 앱 기능을 포함하는 앱 표시
  • Geoform 앱을 웹사이트에 임베드하여 데이터 수집 기능 향상
  • 길찾기 템플릿에서 생성한 앱을 임베드하거나 Web AppBuilder for ArcGIS에서 길찾기 위젯을 사용하여 임베드된 자격 증명으로 World Routing Service와 같은 프리미엄 서비스가 포함된 맵 표시

공용 웹맵을 임베드할 때 웹사이트에 임베드 옵션을 사용하여 웹사이트에 앱을 임베드할 수 있습니다. 맵 대신 앱을 임베드하려면 아래 단계에 설명된 대로 생성된 HTML 코드를 수정합니다. 이러한 단계를 사용하여 호스팅 웹 앱 또는 Web AppBuilder for ArcGIS 앱을 임베드할 수 있습니다.

  1. 콘텐츠 공유 권한이 있는 계정으로 로그인되어 있는지 확인합니다.
  2. 포털에서 맵 및 웹 앱을 생성합니다.
  3. 앱 항목 페이지의 개요 탭 또는 앱이 열릴 때 표시되는 브라우저의 주소 표시줄에서 앱의 URL을 복사합니다.
  4. Map Viewer에서 앱을 생성하는 데 사용된 맵을 열고 공유를 클릭합니다.
  5. 맵이 모든 사람(공개)과 공유되어 있는지 확인하고 웹사이트에 임베드를 클릭합니다.

    공개 맵이 아닌 경우에는 맵을 임베드할 수 없으므로 이 옵션을 사용할 수 없습니다. 맵의 소유자인 경우 맵의 상태를 공용으로 변경할 수 있습니다.

  6. 맵을 임베드할 크기를 선택합니다.
  7. 제공된 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>
  8. 전체 HTML 코드 블록을 복사하여 웹사이트 구성에 붙여넣습니다.
    팁:

    URL 매개변수를 사용하여 임베드할 앱의 모양과 느낌 또는 기능을 제어할 수도 있습니다.

맵 및 웹 앱 그룹 임베드

포털 웹사이트를 통해 그룹을 임베드하는 경우 레이아웃과 그룹 항목 표시 방법을 선택합니다. 공개 그룹만 임베드할 수 있으며, 맵 및 웹 앱만 임베드된 갤러리에 표시됩니다.

  1. 콘텐츠 공유 권한이 있는 계정으로 로그인되어 있는지 확인합니다.
  2. 임베드할 공개 그룹을 엽니다.
  3. 개요 탭에서 공유, 웹사이트에 임베드를 차례로 클릭합니다.

    공개 그룹이 아닌 경우에는 그룹을 임베드할 수 없으므로 이 옵션을 사용할 수 없습니다. 그룹의 소유자인 경우 그룹의 상태를 공개로 변경할 수 있습니다.

  4. 그룹 항목의 레이아웃을 선택합니다.
  5. 맵 및 웹 앱이 보여지는 방법(임베드된 갤러리 위, 미리 정의된 갤러리 앱이 포함된 새 창, 구성된 앱이 포함된 새 창)을 선택합니다.
    1. 항목을 새 창에 표시하도록 선택한 경우 미리 정의된 갤러리 앱을 선택합니다.
    2. 항목을 구성된 앱이 포함된 새 창에 표시하도록 하려면 앱의 URL을 입력합니다.
  6. 제공된 HTML 코드를 복사합니다.
  7. 그룹을 표시할 웹 페이지에 코드를 붙여넣습니다.