# 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/b5af6e13cf72f70b002fdf8bb6b60a5186f37fbe)

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

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

![](/files/94011b67ce207719d7cf3f7974ffb1066acd7c30)

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

\*\*720°/파노라마(Panorama)\*\*는 아래와 같은 공통 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개"\*\*의 **파노라마 콘텐츠**를 호출합니다.           |
| `mode=720` | \*\*"여러개"\*\*가 묶인 \*\*"파노라마 콘텐츠"\*\*를 호출합니다. |

### 📌 쿼리 파라미터(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 버튼을 제거한 상태로 호출합니다.    |


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.archisketch.com/dev-guide/contents/panorama/introduce.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.