2

Google は、360 度のパノラマ ショット (「PhotoSpheres」と呼ばれる) を Android フォンから plusone.js API を介して自分の Web サイトに直接埋め込むことを非常に簡単にしました。

非常に基本的な例は次のとおりです。

<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 度の魔法を問題なく表示できます。デバイスから画像をコピーして Web サーバーにアップロードしますが、自分の画像のコピーにリンクすると、「魔法の Google のもの」は発生しません。次に、画像をGoogle+にアップロードして表示し、URLを取得して貼り付けると、完全に機能します。Google+ の手順をスキップして、Google に提供せずに自分の画像だけを使用したいと思います。

Googleがホストしていない画像でこれを機能させる方法はありますか?

4

2 に答える 2

2

github のこのプロジェクトは、あなたが探しているものかもしれません: Photosphere - Github

于 2013-10-30T20:59:27.773 に答える
1

AngularJs を使用している場合は、ここに小さなディレクティブを作成しました: https://github.com/Gullfaxi171/angular-photosphere-directive

次のように入力するだけです。

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

あなたのHTMLで

于 2014-10-13T11:27:13.707 に答える