> For the complete documentation index, see [llms.txt](https://docs.archisketch.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.archisketch.com/guide/dev-kr/contents/panorama/introduce.md).

# 3.1. 720°/파노라마: 소개

## 720°/파노라마(Panorama)

720°/파노라마(Panorama)에 대해 아래 순서로 안내합니다.

1. **720°/파노라마: 소개**
2. **720°/파노라마: URL 구조**

## 720°/파노라마(Panorama): 소개

{% embed url="<https://planner.archisketch.com/?mode=360&projectId=Xj3c9Qk0041C320DBCC4294&id=Xj3732y869234CB402C46D8>" %}

### 📌 도면 에디터: 720°/파노라마 생성 방법

**720°/파노라마**는 도면 에디터에서 생성할 수 있습니다.

도면 에디터 진입 방법은 대시보드 **\[내 프로젝트 > 프로젝트]** 페이지에서 **\[에디터로 이동]** 버튼을 클릭해주세요.

도면 에디터에서 렌더 이미지가 정상적으로 생성되면, **\[도면 에디터 > 갤러리]** 페이지 또는 **\[프로젝트 상세 페이지 > 콘텐츠 > 렌더샷]** 탭에서 생성된 렌더 이미지를 확인할 수 있습니다.

👇 **"도면 에디터: 720°/파노라마 생성 방법"**&#xC740; 하단 영상을 확인해주세요.

{% embed url="<https://www.youtube.com/watch?v=uGa9H-3ApFw>" %}

### 📌 720°/파노라마 확인 방법: 대시보드

1. 아키스케치 대시보드에서 **\[프로젝트 > 내 프로젝트]** 또는 **\[전체 프로젝트]** 페이지로 이동한 후, 프로젝트 카드를 클릭해주세요. *(프로젝트가 없다면,\[새로운 프로젝트] 버튼을 클릭하여 새로 생성해주세요.)*
2. 프로젝트 상세 페이지에서 **\[컨텐츠 > 렌더샷]** 탭으로 이동한 뒤, **렌더 이미지 카드**를 클릭해 확인 할 수 있습니다.

![](/files/uyhAtNeCOkvd6CueC6Rl)

### 📌 720°/파노라마 확인 방법: 에디터

1. 아키스케치 대시보드에서 **\[프로젝트 > 내 프로젝트]** 또는 **\[전체 프로젝트]** 페이지로 이동한 후, 프로젝트 카드의 **\[에디터로 이동]** 버튼을 클릭해주세요. *(프로젝트가 없다면,\[새로운 프로젝트] 버튼을 클릭해 새로 생성하며 진행해주세요.)*
2. **\[도면 에디터 > 렌더링(렌더 스튜디오)]**&#xB97C; 통해 렌더 이미지 촬영 후, **\[갤러리]** 페이지를 통해 촬영된 렌더 이미지를 확인 할 수 있습니다.

![](/files/45k7zy3A5hUXyqkgcTw0)

## 720°/파노라마(Panorama): URL 구조

**720°/파노라마(Panorama)**&#xB294; 아래와 같은 공통 URL 형식을 따릅니다.

> **하단의 데모페이지를 통해 테스트해보세요!**

{% embed url="<https://codepen.io/Archisketch/pen/Yzxoqxe>" %}

### 📌 URL 포멧

```html
https://planner.archisketch.com/?projectId={'Content ID'}&id={'Panorama ID'}&mode={'Num'}
```

#### 컨텐츠 타입

➕ 720°/파노라마 모드에 따라 **\&mode=** 파라미터가 추가로 붙습니다.

| **타입**     | **설명**                                             |
| ---------- | -------------------------------------------------- |
| `mode=360` | **"1개"**&#xC758; **파노라마 콘텐츠**를 호출합니다.              |
| `mode=720` | **"여러개"**&#xAC00; 묶인 **"파노라마 콘텐츠"**&#xB97C; 호출합니다. |

### 📌 쿼리 파라미터(Query Parameter)

#### **URL 파라미터 사용 방법**

아래 링크 끝에 **"&{파라미터}"** 를 추가하여 **임베드 뷰어**를 원하는 방식으로 커스터마이징할 수 있습니다.

```html
https://...&id={'Panorama ID'}&mode={'Num'}&{'URL 파라미터...'}
```

#### **파라미터 목록**

제공되는 **파라미터**는 다음과 같습니다.

| **파라미터**                | **설명**                                    |
| ----------------------- | ----------------------------------------- |
| `panoramaInteraction=0` | 720° & 파노라마 뷰어를 화면 고정 상태로 호출합니다.          |
| `autoRotate=1`          | 720° & 파노라마 뷰어를 자동 회전 기능이 활성화된 상태로 호출합니다. |
| `showTags=1`            | 720° & 파노라마 뷰어를 제품 태그 기능이 활성화된 상태로 호출합니다. |
| `openPanoramaMinimap=1` | 720° & 파노라마 뷰어를 미니맵 기능이 활성화된 상태로 호출합니다.   |
| `panoramaCopyUI=0`      | 720° & 파노라마 뷰어에서 공유 버튼을 제거한 상태로 호출합니다.    |
| `panoramaRotateUI=0`    | 720° & 파노라마 뷰어에서 자동 회전 버튼을 제거한 상태로 호출합니다. |
| `panoramaMinimap=0`     | 720° & 파노라마 뷰어에서 미니맵 버튼을 제거한 상태로 호출합니다.   |
| `viewerControls=0`      | 720° & 파노라마 뷰어에서 VR 버튼을 제거한 상태로 호출합니다.    |