Crear iframe con el nuevo Google Maps, tour virtual o Street View
Si quieres insertar un tour virtual en tu web, te recomendamos que utilices Google Chrome y que instales la extensión "Embedder for Google Business View", sitúate en la imagen en la que quieres iniciar el tour y copia el código que proporciona la extensión junto a la url.
Si quieres insertar imágenes de Google Street View puedes seguir este sistema:
Método provisional para crear iframe del nuevo Google Maps, tour virtual o Street View:
Ejemplo:
1.- Tomamos la dirección url que queremos insertar en web:
https://www.google.es/maps/@41.379975,2.172599,3a,75y,268.35h,84.84t/data=!3m5!1e1!3m3!1sz_qwqc-eYE8AAAAGOpvyHA!2e0!3e2!6m1!1e1
2.- Vamos a necesitar los dos campos después de la arroba (la localización) y el campo después de “1s” hasta el signo de exclamación (la fotografía), están marcados en negrita:
https://www.google.es/maps/@41.379975,2.172599,3a,75y,268.35h,84.84t/data=!3m5!1e1!3m3!1sz_qwqc-eYE8AAAAGOpvyHA!2e0!3e2!6m1!1e1
3.- Y sustituiremos algunos campos de un viejo IFRAME, ten en cuenta:
XXXXXXXX,YYYYYYY será sustituido por la localización.
ZZZZZZZZZZZZZZZ será sustituido por la fotografía.
GGG será sustituido por uno de estos números:
0 mirará al Norte, 90 mirará al Este, 180 mirará al Sur, 270 mirará al Oeste.
AAAAAAAAAAAAAAAAAA será sustituido por la dirección url que queremos enlazar.
<div style="text-align: center;">
<iframe frameborder="0" height="350" marginheight="0" marginwidth="0" scrolling="no" src="https://maps.google.com/maps?q=&layer=c&sll=XXXXXXXX,YYYYYYY&panoid=ZZZZZZZZZZZZZZZ&cbp=13,GGG,0,0,0&gl=ES&hl=es&ie=UTF8&hq=&hnear=&ll=XXXXXXXX,YYYYYYY&t=m&cbll=XXXXXXXX,YYYYYYY&source=embed&output=svembed" width="625"></iframe><br />
<a href="AAAAAAAAAAAAAAAAAA">Ver tour virtual más grande</a></div>
Cuando hayas cambiado estos campos será cuestión de coser y cantar, perdón, copiar y pegar. Esto funcionará hasta que el nuevo Google Maps lo incorpore con un fácil botoncito.
Por favor, no me preguntéis cosas técnicas porque no tengo ni idea de programación, esto lo he probado por pura lógica mirando como reaccionaba el nuevo Google Maps al mover la pantalla.
P.D.: Funciona con street view, tour virtuales sencillos y multiplanta.
Resultado:
Método provisional para crear iframe del nuevo Google Maps, tour virtual o Street View:
Ejemplo:
1.- Tomamos la dirección url que queremos insertar en web:
https://www.google.es/maps/@41.379975,2.172599,3a,75y,268.35h,84.84t/data=!3m5!1e1!3m3!1sz_qwqc-eYE8AAAAGOpvyHA!2e0!3e2!6m1!1e1
2.- Vamos a necesitar los dos campos después de la arroba (la localización) y el campo después de “1s” hasta el signo de exclamación (la fotografía), están marcados en negrita:
https://www.google.es/maps/@41.379975,2.172599,3a,75y,268.35h,84.84t/data=!3m5!1e1!3m3!1sz_qwqc-eYE8AAAAGOpvyHA!2e0!3e2!6m1!1e1
3.- Y sustituiremos algunos campos de un viejo IFRAME, ten en cuenta:
XXXXXXXX,YYYYYYY será sustituido por la localización.
ZZZZZZZZZZZZZZZ será sustituido por la fotografía.
GGG será sustituido por uno de estos números:
0 mirará al Norte, 90 mirará al Este, 180 mirará al Sur, 270 mirará al Oeste.
AAAAAAAAAAAAAAAAAA será sustituido por la dirección url que queremos enlazar.
<div style="text-align: center;">
<iframe frameborder="0" height="350" marginheight="0" marginwidth="0" scrolling="no" src="https://maps.google.com/maps?q=&layer=c&sll=XXXXXXXX,YYYYYYY&panoid=ZZZZZZZZZZZZZZZ&cbp=13,GGG,0,0,0&gl=ES&hl=es&ie=UTF8&hq=&hnear=&ll=XXXXXXXX,YYYYYYY&t=m&cbll=XXXXXXXX,YYYYYYY&source=embed&output=svembed" width="625"></iframe><br />
<a href="AAAAAAAAAAAAAAAAAA">Ver tour virtual más grande</a></div>
Cuando hayas cambiado estos campos será cuestión de coser y cantar, perdón, copiar y pegar. Esto funcionará hasta que el nuevo Google Maps lo incorpore con un fácil botoncito.
Por favor, no me preguntéis cosas técnicas porque no tengo ni idea de programación, esto lo he probado por pura lógica mirando como reaccionaba el nuevo Google Maps al mover la pantalla.
P.D.: Funciona con street view, tour virtuales sencillos y multiplanta.
Resultado:
Comentarios
Publicar un comentario