Hướng dẫn tạo tour 360°
Từ tấm ảnh 360° đầu tiên đến tour hoàn chỉnh gắn thương hiệu — tất cả thao tác trên trình duyệt với Editor 2.0. Đọc theo thứ tự hoặc nhảy tới phần bạn cần.
Quy trình 5 bước
Chuẩn bị ảnh 360° — ảnh panorama phẳng (equirectangular, tỉ lệ 2:1).
Tạo tour & tải ảnh lên — hệ thống tự cắt ảnh thành tiles tối ưu tốc độ.
Biên tập — đặt nhãn, vẽ tuyến đường/khu vực, nối các cảnh với nhau.
Gắn thương hiệu — logo, màu sắc, thanh menu theo nhận diện của bạn.
Xuất bản — chia sẻ link, nhúng iframe vào website, hoặc tải ZIP tự host.
Chuẩn bị ảnh 360°
Editor nhận ảnh 360° phẳng (equirectangular) — tấm ảnh chữ nhật tỉ lệ 2:1 (ví dụ 8000×4000). Đây là định dạng xuất mặc định của hầu hết thiết bị:
- Drone DJI: chế độ Panorama → Sphere, dùng ảnh ghép sẵn hoặc ghép lại bằng phần mềm của hãng.
- Camera 360 (Insta360, Ricoh Theta, GoPro Max): xuất "360 photo" từ app của hãng.
- Điện thoại: ứng dụng Google Street View / Panorama 360 — chất lượng thấp hơn nhưng dùng được.
- Định dạng: JPG / PNG / WebP · tối đa 50MB/ảnh.
- Độ phân giải khuyên dùng: 8000×4000 trở lên cho ảnh drone dự án.
Tạo tour & thêm cảnh
Đăng ký tài khoản, chọn gói (có gói miễn phí để thử) → vào Tài khoản → Tour của tôi.
Bấm Tạo tour, đặt tên → mở Biên tập.
Ở cột trái bấm + Thêm Scene → chọn ảnh 360° → chờ thanh % tải lên → hệ thống tự cắt tiles (vài chục giây/ảnh) → cảnh tự xuất hiện.
Rê chuột vào một cảnh trong danh sách để thao tác nhanh: ★ đặt làm cảnh mở đầu · ↑↓ đổi thứ tự · ✎ đổi tên · ✕ xóa cảnh.
Làm quen Editor 2.0
Màn hình biên tập chia 4 khu vực:
- Cột trái (tối) — danh sách cảnh + thông tin tour.
- Giữa — thanh công cụ (Xem · Nhãn · Đường · Vùng · Chuyển cảnh · Góc mở đầu · Cài đặt · Giao diện) và khung ảnh 360°.
- Cột phải — thuộc tính của thứ đang chọn; mọi chỉnh sửa áp ngay lên ảnh (live).
- Dưới — bảng liệt kê toàn bộ hotspot của cảnh: lọc theo loại, bật/tắt hiển thị, sửa, nhân bản, xóa; click một hàng để camera bay tới hotspot đó.
Trên topbar: Lưu tour (hoặc Ctrl+S) ghi thay đổi lên máy chủ. Khi có chỉnh sửa chưa lưu, topbar hiện nhắc màu cam và trình duyệt sẽ hỏi lại nếu bạn đóng tab.
Nhãn địa danh
Chọn công cụ Nhãn → click vị trí trên ảnh → nhãn xuất hiện ngay, panel phải mở sẵn — gõ là thay tên.
Chỉnh trong panel: biểu tượng, khoảng cách, tọa độ chính xác, kích thước (đường nối, chấm neo, cỡ icon/chữ) — kéo slider thấy ngay.
Kéo thả nhãn trên ảnh để di chuyển; ô tọa độ tự cập nhật theo.
Popup khi người xem click nhãn
Trong panel, mục Popup khi click nhãn: tải ảnh + viết mô tả → người xem click nhãn sẽ mở hộp ảnh/thông tin (hợp giới thiệu tiện ích, căn mẫu...).
Màu riêng từng nhãn
Mặc định nhãn dùng bộ màu chung của tour (chỉnh ở Giao diện). Muốn một nhãn nổi bật khác biệt, tick Dùng màu riêng cho nhãn này.
Tuyến đường & khu vực
Chọn công cụ Đường (hoặc Vùng) → click lần lượt các điểm dọc con đường / các góc khu đất.
Đủ điểm thì bấm ESC hoặc Hoàn tất hình → form thuộc tính mở để đặt tên, chọn màu.
Sửa đỉnh
- Kéo chấm đỏ để nắn hình (rê gần chấm sẽ phóng to xanh — lúc đó cầm được).
- Click chấm trắng giữa cạnh để chèn đỉnh mới rồi kéo luôn.
- Chuột phải hoặc phím Del lên đỉnh để xóa đỉnh.
6 kiểu nét tuyến đường
Trong thuộc tính tuyến đường, mục Kiểu nét: Nét đứt chạy · Nét đứt tĩnh · Nét liền · Nét liền phát sáng · Chấm bi · Viền bản đồ (lõi màu + viền trắng kiểu Google Maps).
Điểm chuyển cảnh
Cần tour có từ 2 cảnh. Chọn công cụ Chuyển cảnh → click vị trí muốn đặt nút di chuyển (cửa, lối đi, hướng nhìn sang khu khác) → chọn cảnh đích trong panel. Người xem click mũi tên sẽ "bước" sang cảnh đó.
Giao diện & thương hiệu
Nút Giao diện trên thanh công cụ mở trung tâm nhận diện của tour:
- Bộ mẫu trọn gói — 6 bộ màu (menu + màu vẽ + nhãn + logo chữ) áp một chạm; vẫn giữ nguyên cấu hình nút của bạn.
- Thanh menu — màu nền/chữ, kiểu dáng (pill, bo góc, vuông, icon gọn).
- Các nút — tick ẩn/hiện, click icon để đổi (15 icon), sửa tên, kéo ⋮⋮ đổi thứ tự.
- Nút tùy chỉnh — thêm nút riêng: icon + tên + liên kết (
https://...mở web,tel:09xxgọi điện). - Logo giữa thanh menu — logo tròn phình to ở giữa, click mở Thông tin dự án. Chọn dùng logo dự án hoặc logo riêng (ví dụ logo đơn vị phát triển) → hiển thị 2 thương hiệu cùng lúc.
- Nhãn — mặc định chung — màu và kích thước áp cho mọi nhãn chưa đặt riêng.
Cài đặt tour
Nút Cài đặt gồm: tên dự án, dòng phụ, tên cảnh hiện tại, giới thiệu (nút THÔNG TIN), link video YouTube, link Google Maps, thư viện ảnh, màn hình chào, nhạc nền .mp3 và logo dự án (thay chữ tên ở góc trái + màn chào).
Góc mở đầu
Xoay ảnh tới góc nhìn đẹp nhất → bấm Góc mở đầu → cảnh sẽ luôn mở ra đúng góc đó với người xem.
Xuất bản · nhúng · tải ZIP
- Xem thử — nút trên topbar mở tour như người xem thấy.
- Xuất bản — bật ở trang quản lý cảnh của tour; tour có link công khai
/tour/ten-tourđể chia sẻ. - Nhúng iframe — (gói có quyền nhúng) dán 1 dòng iframe là tour chạy trên website/landing của bạn.
- Tải ZIP tự host — (gói có quyền xuất) tải toàn bộ tour về đặt trên máy chủ riêng, không phụ thuộc nền tảng.
Phím tắt
| Phím | Chức năng |
|---|---|
| Ctrl+S | Lưu tour |
| Ctrl+Z / Ctrl+Y | Hoàn tác / Làm lại |
| ESC | Đóng form · chốt hình đang vẽ · thoát chỉnh đỉnh |
| Del / chuột phải | Xóa đỉnh đang rê gần |
| ← → ↑ ↓ | Xoay hướng nhìn (giữ Shift để xoay nhanh) |
| + / − | Phóng to / thu nhỏ |
Câu hỏi thường gặp
Tải ảnh lên báo sai tỉ lệ?
Ảnh phải là panorama 360° phẳng tỉ lệ 2:1. Ảnh chụp thường không dùng được — hãy xuất "360 photo" từ thiết bị/app.
Cảnh hiện "đang xử lý" lâu?
Ảnh lớn cần thời gian cắt tiles (thường dưới 1 phút). Danh sách tự cập nhật khi xong — không cần tải lại trang.
Chỉnh xong nhưng người xem không thấy?
Kiểm tra đã bấm Lưu tour chưa (topbar có nhắc màu cam khi chưa lưu) và tour đã ở trạng thái Đã xuất bản.
Logo không hiện giữa thanh menu?
Cần bật tick Logo PHÌNH TO ở giữa trong Giao diện và đã tải logo (logo dự án hoặc logo riêng cho menu).
Hết hạn mức cảnh/dung lượng?
Xóa bớt cảnh/tour không dùng để giải phóng, hoặc nâng gói cao hơn trong trang Bảng giá.