操作手冊-ULSEE360網頁
===
登入 my.ulsee360.com 進行3D-Tour的編輯。

## 編輯3D-Tour
### 新增3D-Tour
1. 點擊按鈕新增3D-Tour
<img src="https://i.imgur.com/5K0beaK.png" alt="1網頁新增3D-Tour" width="100%"/>
2. 輸入3D-Tour名稱
3. 點擊“下一步”
<img src="https://i.imgur.com/1ZwFK4z.png" alt="2網頁新增3D-Tour" width="100%"/>
4. 點擊畫面中灰色任意處新增360相片
<img src="https://i.imgur.com/mF2W3KJ.png" alt="3網頁新增3D-Tour" width="100%"/>
5. 依照順序選取相片
6. 下一步
<img src="https://i.imgur.com/kzVOIj1.png" alt="4.1網頁新增3D-Tour" width="100%"/>
<font color=#7F7F7F> *相片順序會影響智能平面圖之計算，若相片拍攝時不符合智能平面圖之拍攝規則則無須顧慮相片之選擇順序* </font>
7. 確認新增3D-Tour
<img src="https://i.imgur.com/iDTGecQ.png" alt="5網頁新增3D-Tour" width="100%"/>
8. 等待上傳完畢
待進度條完成時請勿關閉網頁，若過程中發生不可避免之狀況中斷上傳作業則必須再次新增此3D-Tour
<img src="https://i.imgur.com/YEuabWv.png" alt="
6網頁新增3D-Tour" width="100%"/>
9. 完成新增3D-Tour
待圖示由左圖變化成右圖則智能平面圖計算完成。
<img src="https://i.imgur.com/FVjLORf.png" alt="10網頁新增3D-Tour" width="100%"/>
> <font color=#7F7F7F> 若360相片無符合智能平面圖拍攝規則，則可忽略智能平面圖計算之結果 </font>

### 獲取分享連結

分享連結可用於社群網站、簡訊、電子郵件、訊息等，讓3D-Tour可以更容易的被分享。
分享連結範例：https://my.ulsee360.com/showcase/07244802027b78f0dbb856b77983ed92
1. 點選人頭圖像
2. 設定3D-Tour狀態為公開即可取得分享連結
<img src="https://i.imgur.com/4LBNO3k.jpg
" alt="share link" width="100%"/>

### 獲取嵌入代碼
嵌入代碼可用於品牌網站並直接顯示3D-Tour的內容，提升網站的吸睛度。
嵌入代碼結果範例：
<iframe width="100%" height="480" frameborder="0" src="https://my.ulsee360.com/embed/07244802027b78f0dbb856b77983ed92" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
<!-- PDF用下方圖檔，網頁用上方嵌入代碼-->
<!--
<img src="https://i.imgur.com/2N8zbsD.png
" alt="embed code" width="100%"/>
-->

1. 點選嵌入圖示
2. 設定3D-Tour狀態為公開即可取得嵌入代碼
<img src="https://i.imgur.com/UaJJaVW.jpg
" alt="embed code" width="100%"/>

### 新增特色標籤
1. 開啟標籤編輯模式
2. 將要新增標籤之位置調整至畫面中央(長按滑鼠拖移)
3. 點擊畫面新增標籤
<img src="https://i.imgur.com/7rfwKUZ.jpg
" alt="" width="100%"/>
4. 編輯要新增之標籤內容
<img src="https://i.imgur.com/xCESuFw.png
" alt="標籤工具說明" width="100%"/>
5. 儲存

<img src="https://i.imgur.com/jl6eL68.png
" alt="編輯標籤儲存" width="100%"/>
6. 關閉標籤編輯模式
7. 預覽
<img src="https://i.imgur.com/c4IfkGI.jpg
" alt="編輯標籤預覽" width="100%"/>

----

## 編輯3D-Tour平面圖
### 添加平面圖
1. 開啟平面圖編輯器
<img src="https://i.imgur.com/0usiG14.jpg
" alt="１添加平面圖" width="100%"/>
2. 點擊黑畫面部分上傳圖片
<img src="https://i.imgur.com/YjaEUjc.png
" alt="２添加平面圖" width="100%"/>
3. 選擇圖片
4. 下一步
<img src="https://i.imgur.com/AplfH4w.png
" alt="３添加平面圖" width="100%"/>
5. 選擇放在平面圖上之360相片熱點
6. 長按拖移到正確位置
7. 調整視角到與平面圖360相片熱點實際方位相符
<img src="https://i.imgur.com/vSFNLER.png
" alt="４添加平面圖" width="100%"/>
8. 離開並儲存
<img src="https://i.imgur.com/MBVVFZ5.png
" alt="５添加平面圖" width="100%"/>

### 替換平面圖
1. 開啟平面圖編輯器
<img src="https://i.imgur.com/2wCDdpL.png
" alt="１替換平面圖" width="100%"/>
2. 點擊圖示上傳圖片
<img src="https://i.imgur.com/EB0Iwlb.png
" alt="２替換平面圖" width="100%"/>
3. 選擇圖片
4. 下一步
<img src="https://i.imgur.com/hawNdsl.png
" alt="３替換平面圖" width="100%"/>
5. 調整所有360相片熱點位置
<img src="https://i.imgur.com/FDJNsDy.png
" alt="４替換平面圖" width="100%"/>
6. 離開並儲存
<img src="https://i.imgur.com/cPmq4By.png
" alt="５替換平面圖" width="100%"/>

### 新增平面圖文字標籤
1. 開啟平面圖編輯器
<img src="https://i.imgur.com/O7agiN3.jpg
" alt="１新增平面圖文字標籤" width="100%"/>
2. 點擊圖示新增文字標籤
<img src="https://i.imgur.com/dNniW5D.png
" alt="２新增平面圖文字標籤" width="100%"/>
3. 輸入文字
4. 點擊確認圖示新增文字標籤
<img src="https://i.imgur.com/BkXoZj8.png
" alt="３新增平面圖文字標籤" width="100%"/>
5. 長按拖移文字標籤
6. 點擊圖示完成編輯
<img src="https://i.imgur.com/P2JHDIO.png
" alt="４新增平面圖文字標籤" width="100%"/>
7. 離開並儲存
<img src="https://i.imgur.com/zSCQYcH.png
" alt="５新增平面圖文字標籤" width="100%"/>
### 移除熱點
1. 開啟平面圖編輯器
<img src="https://i.imgur.com/reZLoVv.jpg
" alt="１移除熱點" width="100%"/>
2. 點擊平面圖上預移除之熱點
3. 點擊圖示移除熱點
<img src="https://i.imgur.com/fbjx2iQ.png
" alt="２移除熱點" width="100%"/>
4. 離開並儲存
<img src="https://i.imgur.com/nRHp69l.png
" alt="３移除熱點" width="100%"/>
### 移除平面圖顯示相片清單
1. 開啟平面圖編輯器
<img src="https://i.imgur.com/eSv1UO5.png
" alt="１移除平面圖" width="100%"/>
2. 點擊圖示
3. 選擇移除平面圖
4. 確認
<img src="https://i.imgur.com/JxFbv8M.png"
alt="２移除平面圖" width="100%"/>