EyeSpy360 API & SDK

Що таке візуальні екскурсії EyeSpy360 ™?


Повністю занурювані 360-градусні огляди властивостей, човни, готелі та багато іншого, які користувачі створюють та публікують, використовуючи швидкий і простий редактор віртуальних турів EyeSpy360 . Подивіться наш демо-відео на https://www.eyespy360.com . Це дійсно дуже просто.


Що таке віджет HTML EyeSpy360 ™?


Віджет EyeSpy360 - це API / SDK, який дає вам змогу додавати віртуальні тури та публікувати їх у власний редактор об'єктів власності. Це так просто, як додати єдиний рядок коду:


 <script src = "https://e3.eyespy360.com/widget/virtual-tours.1.0.2.js?key=1234&secret=ABCDEF&externalTourID=myPropertyID&target=virtualTourURL"> </ script> 


Для кого це?


Ви вже керуєте системою керування ресурсами, де ваші користувачі створюють, редагують та публікують списки майна. Ці списки включають опис та зображення, і ви хочете дати користувачам можливість створювати 360 віртуальних турів.


Як це працює?


Ви, напевно, вже маєте поле для форми віртуального туру URL-адреси для запису даних про об'єкти власності та редагування форми. Якщо ні, створіть спочатку. Додайте код вставки лінії EyeSpy360 Widget і встановіть цільовий параметр на ідентифікатор поля введення HTML для віртуальної URL-адреси туру, наприклад <input id="virtualTourURL" . Віджет автоматично розмістить кнопку "Редактор віртуального туру" після поля введення.



Коли користувач натискає кнопку «Редактор туру», Редактор турів EyeSpy360 з'явиться всередині тієї ж веб-сторінки, що відображає спливаюче вікно 95% x 95%. Користувач завантажує 360 зображень, зв'язує їх через свої входи та виходи, попередньо переглядає віртуальний тур і клацає «Опублікувати». Опублікований URL автоматично вводиться у поле форми віртуального туру URL-адреси, зазначеного параметром віджета цільового призначення. Редактор туру закривається, коли користувач натискає кнопку "Закрити" у верхньому правому куті або, якщо користувач натискає його за межами Редактора туру, де основний веб-сайт все ще відображається на 5% спливаючому полі.


Тоді ви зберігатимете значення URL-адреси віртуального туру у вашій базі даних разом з будь-якими іншими полями, які користувач змінює, оскільки користувач зберігає їхні зміни.


Параметри віджету


ключ, секрет - обов'язковий. Ключові та секретні поля відображаються в розділі "Налаштування -> Повноваження API" на https://e3.eyespy360.com . Не маєте облікового запису EyeSpy360 ? Отримати БЕЗКОШТОВНО

externalTourID - Обов'язковий. Унікальний ідентифікатор, наданий вами. Максимальна довжина 36 символів. Ви вже зберігаєте свої властивості в магазині даних під деяким унікальним ідентифікатором. Використовуйте це тут.

ціль - обов'язковий. Ідентифікатор поля вводу HTML, який редактор віртуального туризму EyeSpy360 додасть URL-адресу туру.

агент - необов'язковий. Якщо ваша система керування власністю є багатокористувацькою або навіть багатопрофільною, встановіть це поле користувачеві або назву компанії. Це допоможе вам визначити, які тури належать агенту в бекенді EyeSpy360 . Приклад: Джон Доу, Джейн Доу, Doe Estates

тур - необов'язково. Назва віртуального туру. Встановіть це в заголовок списку власності, щоб користувачам більше не потрібно було вводити його в редакторі турів. Приклад: Кавендіш Хаус

hl - необов'язково. Мова інтерфейсу. Підтримувані значення: ar, bg, de, en, es, fr, nl, pt, ru, th, zh. За умовчанням для "en"


Налаштування кнопки віджетів


Ви майже напевно хочете змінити спосіб, яким кнопка "Редактор турів" виглядає так, щоб вона відповідає вашим власним виглядом і виглядом. Ви можете зробити це за допомогою будь-якого CSS, який вам подобається елементу eyespy360_btn. Приклад:

 # eyespy360_btn {

  колір: червоний;

  шрифт-вага: жирний;

  маржа ліворуч: 10 пікселів;

}


Android Virtual Tour SDK


Ви також можете безпосередньо завантажити EyeSpy360 Tour Editor у свій додаток для Android. Погляньте на SDK за адресою https://github.com/eyespy360/Virtual-Tour-Android-SDK.


SDK Virtual Tour SDK


Ви також можете вставляти EyeSpy360 Tour Editor безпосередньо в додаток iOS. Погляньте на SDK за адресою: https://github.com/eyespy360/Virtual-Tour-iOS-SDK


Тестовий вміст


Панорамні зображення та плани поверхів:

https://www.eyespy360.com/downloads/EyeSpy360_Test_Images.zip


Як включити тури в мої опубліковані списки властивостей?


Вставка в теги iframe:

 <iframe width = "640" height = "390" src = "virtualTourURL" allowfullscreen> </ iframe>


Де VirtualTourURL - це значення у вашому магазині даних. Налаштуйте ширину та висоту відповідно до дизайну.