Come pubblicare le PHOTOSPHERE di Google Street View tramite iFrame

Attenzione – questo contenuto è soggetto a REVISIONE, la guida non è più corretta

Conoscete la piattaforma Google? Certo!

Conoscete anche Google Street View? Certo, al 95%… quello che fa vedere le “strade” di tutto il mondo grazie anche alle foto fatte dalla macchina google.

Conoscete anche Google View? … dubito. E’ (anzi era) una piattaforma che permetteva a tutti di inserire photosphere (cioè foto a 360 gradi) in un qualsiasi punto di Google Maps e COLLEGARLE tra loro, in pratica era una versione di Google Street View “autoprodotta in casa”. Questa piattaforma è stata “spenta” dal 17 agosto 2015 e quasi tutte le photosphere caricate sono state migrate in quello che oggi si chiama semplicemente Google Maps / Street View.

Ora infatti è possibile caricare queste photosphere in Google Maps o tramite l’app per smartphone e tablet Google StreetView, ma a differenza di prima ci sono 3 cambiamenti:

  • NON E’ POSSIBILE PUBBLICARE LE FOTO IN QUALSIASI PUNTO DELLA MAPPA, LE FOTO DEVONO SEMPRE ESSERE COLLEGATE AD UN POSTO O AD UN’AZIENDA.
  • NON SI POSSONO UNIRE LE PHOTOSPHERE LE UNE ALLE ALTRE (PRIMA DEL 17 AGOSTO 2015 ERA POSSIBILE)
  • NON ESISTE PIU’ IL TASTO CONDIVIDI E INCORPORA COME IFRAME, OGGI E’ POSSIBILE INSERIRE SOLAMENTE UN LINK HE RICONDUCE ALLA PROPRIA PHOTOSPHERA.

Grazie a delle guide sono riuscito ad individuare un ottimo modo di RICREARE questo IFRAME, non è semplice come prima (condividi e ottieni il codice) ma è MOLTO SEMPLICE lo stesso.

Primo passaggio individua la tua photosphera tramite Google Maps e prendere l’URL della pagina stessa. Per la pagina presa in esempio troveremo una cosa come questa:
https://www.google.com/maps/place/06046+Norcia+PG,+Italia/@42.7924372,13.0927896,3a,75y,335.46h,95.57t/data=!3m8!1e1!3m6!1s-uSJ_LM_KJk8%2FVgP1QcDKNZI%2FAAAAAAAABsc%2FhndTGg1GkqM!2e4!3e11!6s%2F%2Flh5.googleusercontent.com%2F-uSJ_LM_KJk8%2FVgP1QcDKNZI%2FAAAAAAAABsc%2FhndTGg1GkqM%2Fw234-h117-n-k-no%2F!7i10000!8i5000!4m2!3m1!1s0x132e6be8fc647d55:0xc6d848face77faec!6m1!1e1

Secondo passaggio: inserire l’indirizzo URL completo nel codice riportato di seguito, mettendola al posto dei ##############

<div align=”center”><iframe width=”100%” height=”480″ frameborder=”0″ scrolling=”no” marginheight=”0″ marginwidth=”0″ src=”http://virtualtour.online/photosphere.php?value=##############” allowfullscreen=true></iframe></div>

Ottenendo quindi questo codice (per il nostro esempio)

<div align=”center”><iframe width=”100%” height=”480″ frameborder=”0″ scrolling=”no” marginheight=”0″ marginwidth=”0″ src=”http://virtualtour.online/photosphere.php?value=https://www.google.com/maps/place/06046+Norcia+PG,+Italia/@42.7924372,13.0927896,3a,75y,335.46h,95.57t/data=!3m8!1e1!3m6!1s-uSJ_LM_KJk8%2FVgP1QcDKNZI%2FAAAAAAAABsc%2FhndTGg1GkqM!2e4!3e11!6s%2F%2Flh5.googleusercontent.com%2F-uSJ_LM_KJk8%2FVgP1QcDKNZI%2FAAAAAAAABsc%2FhndTGg1GkqM%2Fw234-h117-n-k-no%2F!7i10000!8i5000!4m2!3m1!1s0x132e6be8fc647d55:0xc6d848face77faec!6m1!1e1″ allowfullscreen=true></iframe></div>

Con questo risultato:

Per gli utenti un po’ più attenti è possibile personalizzare anche il TITOLO della pagina (per una ottimizzazione dei risultati leggermente migliore), basterà passare il nome della pagina desiderata direttamente al posto degli asterischi (il nome della pagina deve essere convertito per essere gestito dagli URL, quindi al posto degli spazi è possibile inserire il +).

<div align=”center”><iframe width=”100%” height=”480″ frameborder=”0″ scrolling=”no” marginheight=”0″ marginwidth=”0″ src=”http://virtualtour.online/photosphere.php?value=##############&title=**********” allowfullscreen=true></iframe></div>

Ottenendo quindi questo codice (per il nostro esempio con il titolo “Piazza di Norcia”)

<div align=”center”><iframe width=”100%” height=”480″ frameborder=”0″ scrolling=”no” marginheight=”0″ marginwidth=”0″ src=”http://virtualtour.online/photosphere.php?value=https://www.google.com/maps/place/06046+Norcia+PG,+Italia/@42.7924372,13.0927896,3a,75y,335.46h,95.57t/data=!3m8!1e1!3m6!1s-uSJ_LM_KJk8%2FVgP1QcDKNZI%2FAAAAAAAABsc%2FhndTGg1GkqM!2e4!3e11!6s%2F%2Flh5.googleusercontent.com%2F-uSJ_LM_KJk8%2FVgP1QcDKNZI%2FAAAAAAAABsc%2FhndTGg1GkqM%2Fw234-h117-n-k-no%2F!7i10000!8i5000!4m2!3m1!1s0x132e6be8fc647d55:0xc6d848face77faec!6m1!1e1&title=Piazza+di+Norcia” allowfullscreen=true></iframe></div>


Se avete dei dubbi, se c’è qualche informazione aggiuntiva non specificata, lasciate pure un commento.