En Google Street View, podemos encontrar fotos 360 realizadas en las ubicaciones cuyas coordenadas estamos visitando con Google Maps. Si te preguntas si es posible usar fotos 360 de Google Maps en una página web cualquiera o un blog de tu propiedad, la respuesta es que sí, y es es muy sencillo, y está al alance de cualquiera con habilidades suficientes para escribir en un blog o editar contenido en un CMS.
Ejemplo de foto 360 ubicada en Google Maps.
Si queremos usar una foto 360 de Google en nuestra página, o bien dentro de cualquier contenido en formato html, hay un método muy sencillo. Sigue estos pasos.
1. Localiza la foto 360 en Google Maps
2. Busca el menú de tres puntos en la imagen, y selecciona la opción «Compartir Imagen». Ahí está disponible una línea de código html que empieza con «<iframe » y que tendrás que copiar e insertar en tu página o texto de tu blog.
Ejemplo del código a copiar: ‘<iframe style=»border: 0;» src=»https://www.google.com/maps/embed?pb=!4v1513961230573!6m8!1m7!1sCAoSLEFGMVFpcE1yZXJtT0poU2dtUjNCRlUyZ0NZcVlreVdWTXc2UUI2RkxDaldV!2m2!1d40.4194655!2d-3.6937368!3f107.3019621949742!4f3.8652231043982113!5f0.7820865974627469″ width=»600″ height=»450″ frameborder=»0″ allowfullscreen=»allowfullscreen»></iframe>’
Con esto, ya tenemos una foto 360 interactiva, insertada en nuestra página, servida desde Google de forma directa, ya que los archivos originales no se descargan.
El tamaño de la imagen lo podemos controlar manipulando el valor de los parámetros width y height de la url. En este ejemplo son width=»50%» height=»250″, la anchura está en porcentaje del ancho máximo disponible y la algura está en pixeles. Esta es la forma más habitual para conseguir un tamaño proporcional y similar en distintos tamaños de pantalla, como ordenador y movil.
Hay otros métodos para usar fotos 360 de Google Maps en nuestro contenido, obteniendo mayor control sobre la imagen, y con la posibilidad de indicar que controles como nivel de zoom, brujula, y otros, deben aparecer o no. Este método pasa por construir una página html que invoca al api de Google. Es ligeramente mas engorroso y requiere registrarse como Google Developer para obtener una clave de API.
Diseñamos páginas web con alto rendimiento y optimizadas para Google. Realizamos fotografia 360.
