API и SDK EyeSpy360

Что такое виртуальные туры EyeSpy360 ™?


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


Что такое виджет EyeSpy360 ™ HTML?


Виджет 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 виртуальных туров.


Как это работает?


У вас, вероятно, уже есть поле формы виртуального тура для вашей записи данных о записи свойств и форме редактирования. Если нет, сначала создайте. Добавьте виджет EyeSpy360 Widget в одну строку и установите целевой параметр в ID поля ввода HTML для URL виртуального тура, например <input id="virtualTourURL" . Виджет автоматически разместит кнопку «Редактор виртуального тура» после поля ввода.



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


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


Параметры виджета


ключ, секрет - обязательный. Ключевые и секретные поля отображаются в разделе «Настройки -> Учетные данные API» в https://e3.eyespy360.com . У вас нет учетной записи EyeSpy360 ? Получите один БЕСПЛАТНО

externalTourID - обязательный. Уникальный идентификатор, предоставленный вами. Максимальная длина 36 символов. Вы уже сохраните свои свойства в хранилище данных под каким-то уникальным идентификатором. Используйте это здесь.

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

агент - Необязательно. Если ваша система управления имуществом является многопользовательской или даже многопрофильной компанией, установите это поле для имени пользователя или компании. Это поможет вам отслеживать, какие туры принадлежат агенту в бэкэнде EyeSpy360 . Пример: Джон Доу, Джейн Доу, Доу Эстейтс

tour - Необязательно. Название виртуального тура. Установите это в свой список свойств, чтобы ваши пользователи не вводили его снова в Редакторе тура. Пример: Кавендиш Хаус

hl - Необязательно. Язык интерфейса. Поддерживаемые значения: ar, bg, de, en, es, fr, nl, pt, ru, th, zh. По умолчанию «en»


Настройка кнопки виджета


Вы почти наверняка захотите изменить способ отображения кнопки «Редактор тура», чтобы он соответствовал вашему собственному веб-сайту. Вы можете сделать это, применив любой CSS, который вам нравится в элементе eyespy360_btn. Пример:

 # eyespy360_btn {

  красный цвет;

  font-weight: bold;

  margin-left: 10px;

}


SDK для Android


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


Виртуальный тур iOS


Вы также можете встроить редактор EyeSpy360 Tour непосредственно в приложение 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 - это значение из вашего хранилища данных. Отрегулируйте ширину и высоту в соответствии с вашим дизайном.