Вставить Google PhotoSphere (gapi.panoembed), используя изображение, НЕ размещенное на серверах Google

Google довольно легко встраивает 360-градусные снимки панаромы (называемые "PhotoSpheres") с телефонов Android прямо на свой сайт через API plusone.js.

Очень простой пример:

<html>
  <head>
    <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
  </head>
  <body>
    <g:panoembed imageurl="https://lh5.googleusercontent.com/-kr97Eucg6sM/UKGEuvo_eBI/AAAAAAAAi0s/adq8uqyhm_k/photo.jpg" fullsize="4096,2048" croppedsize="4096,1380" offset="0,480" displaysize="600,400"/>
    <script>
      gapi.panoembed.go();
    </script>
  </body>
</html>

Однако, похоже, это ТОЛЬКО работает, если изображение, переданное в imageurl, размещено в Google+. Есть ли способ использовать эти изображения без предварительной передачи изображения в Google? Я снимаю панораму на своем телефоне Android и могу без проблем просматривать магию на 360 градусов на своем устройстве. Я копирую изображение со своего устройства и загружаю его на свой веб-сервер, однако, если я ссылаюсь на свою собственную копию изображения, "волшебный материал Google" не происходит. Если я затем загружаю изображение в Google+, а затем просматриваю его, получаю URL и вставляю его в..., тогда оно работает отлично. Я бы хотел пропустить шаг Google+ и просто использовать свои изображения, не передавая их в Google.

Любая идея, как заставить это работать на изображениях, которые не размещены в Google?

Источник

2 ответа

Этот проект на github может быть тем, что вы ищете: Photosphere - Github

Источник

Если вы используете AngularJs, я разработал небольшую директиву прямо здесь: https://github.com/Gullfaxi171/angular-photosphere-directive

вам просто нужно будет набрать:

<photosphere src="path/img.jpg"></photosphere>

в вашем HTML

Источник
Другие вопросы по тегам