360view.az описание API - интеграция панорамных снимков на свой сайт


Хочу представить вашему вниманию публичный API сайта 360view.az для вызова панорамных фотографий.
Основной целью API сайта 360view.az является интеграция панорам на сторонние веб-ресурсы.

API позволяет интегрировать панорамные изображения и виртуальные туры в нужном размере, в нужном месте и на нужном языке.
Это функционал позволит посетителям вашего сайта/блога просматривать панорамные изображения, а так же виртуальные туры прямо на вашем сайте так, будто они являются неотъемлемой частью, а не сторонней разработкой.

Одно из самых главных преимуществ API сайта 360view.az это то, что оно может быть использовано на любом устройстве, будь это обычный браузер, мобильный телефон или планшет.
Все это достигается при помощи использования CSS3 и FLASH технологий.

Все панорамы имеются в 6-ти различных разрешениях, что в свою очередь позволяет загружать оптимизированные под конкретное устройство JPG-картинки.
К примеру, для IPhone и IPad к примеру подгружаются 6 фотографий:
  • IPhone — 512x512
  • IPad — 1024x1024
Оставшиеся же 4 вида разных разрешений панорамного изображения подгружаются при использовании зума во время просмотра панорамного изображения или же том случае если панорамное изображения открывается на полное окно(fullscreen).

Тем самым мы беремся утверждать что наши панорамные фотографии лучше других адаптированы как под разные устройства, так и лучше других оптимизированы в плане скорости отображения.

Просмотр имеющихся панорамных изображений:

Начнем с самого простого, это линк для просмотра списка имеющихся на сайте панорам на указанном языке. Тут же есть координаты панорамы (latitude,longitude).
http://360view.az/az/api/pano/view/all

Возможные языки:
  • az
  • ru
  • en
  • tr
На данный момент к сожалению задействован только Азербайджанский язык, но в кратчайшие сроки мы планируем перевести информацию обо всех панорамах на все перечисленные языки.
Просмотр информации по конкретной панораме:
http://360view.az/az/api/pano/view/1

Вызов одной панорамы при помощи JS-кода:

Настройки вызова панорам:
id — должно совпадать с id у тэга pano_id — ID-панорамы
lang — az, ru, en, tr. Это для того, чтобы на переходах (мигающий кружочки) надпись была на соответствуюзем языке.
width — высота (без «px»)
height — ширина (без «px»)

http://360view.az/api_call_pano_single.html

<script type="text/javascript">
var view360_api_settings = [
{"id":"view360_pano_viewer1", "pano_id":1, "width":440, "height":260, "lang":"az"}];
</script>
<a href="http://360view.az" target="_blank" id="view360_pano_viewer1">www.360view.az</a>
<script type="text/javascript" src="http://360view.az/public/api/js/bootstrap.js"></script>

Пример интеграции панорамного изображения:
http://goo.gl/fEMVe

Вызов несколько панорам одновременно при помощи JS-кода:

http://360view.az/api_call_pano_multiple.html

<script type="text/javascript">
var view360_api_settings = [
{"id":"view360_pano_viewer1", "pano_id":1, "width":540, "height":360, "lang":"ru"},
{"id":"view360_pano_viewer2", "pano_id":2, "width":540, "height":360, "lang":"az"},
{"id":"view360_pano_viewer3", "pano_id":3, "width":540, "height":360, "lang":"az"},
{"id":"view360_pano_viewer4", "pano_id":4, "width":540, "height":360, "lang":"az"}];
</script>

<a href="http://360view.az" target="_blank" id="view360_pano_viewer1">www.360view.az</a>
<a href="http://360view.az" target="_blank" id="view360_pano_viewer2">www.360view.az</a>
<a href="http://360view.az" target="_blank" id="view360_pano_viewer3">www.360view.az</a>
<a href="http://360view.az" target="_blank" id="view360_pano_viewer4">www.360view.az</a>
<script type="text/javascript" src="http://360view.az/public/api/js/bootstrap.js"></script>

Если вы используете 360 API в нескольких местах своего сайта, то
<script type="text/javascript" src="http://360view.az/public/api/js/bootstrap.js"></script> 
достаточно подгрузить только один раз.

EMBED-метод вызова панорамы

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

Вызов панорамы без указания размеров, только ID-панорамы
http://360view.az/az/api/pano/embed/1
В этом случае открывается панорама с размером width: 730px height: 484px

/Язык/api/pano/embed/ID-панорамы/ширина(width)/высота(height)/
http://360view.az/az/api/pano/embed/1/600/300/
На всякий случай, если захотите указать другие размеры, можно указывать абсолютно любые размеры вплоть до 2000/1000/

Комментарии (3)

RSS свернуть / развернуть
+
0
А без флеша не работает… Хотя в статье заявлено обратное. Посмотрел доки по krpano.Не нашел про css.Может плохо искал…
avatar

motakuji

  • 11 апреля 2012, 03:12
+
0
Без флэша работает в тех браузерах, в которых есть поддержка CSS 3D tranforms — то есть в Safari. Одним словом на IOS и ANDROID.
avatar

german-zvonchuk

  • 11 апреля 2012, 16:00
+
0
К сожалению проверить не могу, но поверю на слово :D. А так вы молодец. Порадовал проект.
avatar

motakuji

  • 11 апреля 2012, 18:17

Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.