Tobias ScheibleCybercrime Dozent & Live Hacking Speaker
einzelne Seiten hervorheben

Photo Sphere in Website einbinden

Ich habe hier in meinem Blog schon einmal über die Möglichkeit geschrieben, 360°-Aufnahmen mit JavaScript in eine Website einzubinden. Damals basierte das Ganze noch auf dem Web-Viever von Joe Simpson. Mittlerweile hat Google eine eigene Methode veröffentlicht.

Donnerstag, 13. Juni 2013
7 Kommentare
Web Development
Android, 360, Panorama, Photo Sphere

Dazu hat Google einen eigenen Viewer veröffentlicht. Die Einbindung ist eigentlich ganz einfach. Als erstes muss die Google+ JavaScript-API eingebunden werden und dann das proprietäre g:panoembed Element.

<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<g:panoembed imageurl="foto.jpg" fullsize="4096,2048" croppedsize="4096,1380" offset="0,480" displaysize="600,400"/>

Und so sieht das Ganze in live aus:

Hier geht es zu meiner „alten“-Version und weitere Informationen gibt es auf der Google Developers Seite.

Und so sieht die komplette Foto-Datei im Rohformat aus:

360°-Aufnahmen der Burg Hohenzollern
360° Photo-Sphere Aufnahme der Burg Hohenzollern
360°-Aufnahmen der Burg Hohenzollern360° Photo-Sphere Aufnahme der Burg Hohenzollern

Über Tobias Scheible

Tobias Scheible

Hallo, mein Name ist Tobias Scheible. Ich bin begeisterter Informatiker und Sicherheitsforscher mit den Schwerpunkten Cyber Security und IT-Forensik. Mein Wissen teile ich gerne anhand von Fachartikeln hier in meinem Blog und in meinem Fachbuch. Als Referent halte ich Vorträge und Workshops für Verbände und Unternehmen u. a. auch offene Veranstaltungen für den VDI und die IHK.