IconAds

6.5.13

Utilizando la API de Google+ para añadir Photo Spheres

Photo Sphere se trata de una manera original para realizar fotos que incorporan los smartphones más modernos que cuentan con Android 4.2 Jelly Bean en sus tripas. Podemos tomar fotografías en cualquier dirección y crear una esfera fotográfica, creando una fotografía 360º.



Hasta hace poco este tipo de fotografías las podíamos compartir en Google+ y en Google Maps pero a día de hoy, gracias a la API de Google+ podemos añadirlas en cualquier página web.

He aquí los pasos que tenemos que seguir para poder añadir las fotografías esféricas en cualquier página web:

  • Una vez alojada la fotografía esférica en Google+ tenemos que añadir la siguiente linea en nuestra página web:
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> 

  • Añadir el visor de fotografías esféricas usando el elemento g:panoembed

<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"/>

  • Por último la API de Google+ se encargará de convertir los elementos g:panoembed en una fotografía esférica interactiva cuando se ejecute la siguiente función JavaScript:
<script>
gabi.panoembed.go();
</script>

He aquí un ejemplo, Hello World!.

Para más información | documentación oficial