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