Mise à jour (mars 2016) avec la
Méthode de Tony Redhead
1) Ouvrir l'outil d'intégration à cette URL
http://suddenlink.net/popenoe/tools/embedding-tool.htm
2) Se déplacer et zoomer sur la carte sur le lieu de la photosphère
3) Placer le pegman sur le point bleu pour générer le code
4) Se déplacer dans la photosphère pour l'amener dans la position qui doit être la vie initiale
5) Copier le code
Analyse du code, permettant de se fabriquer soi-même l'iframe à intégrer :
Tronçon 1 :
<iframe frameborder="0" width="640" height="360" style="border: 0" src="https://maps.google.com/maps?layer=c&panoid=F:
Tronçon 2 (c'est le panoID) :
découper après !1s et avant!2e
et remplacer %2F par /
Tronçon 3 :
ajouter :
&ie=UTF8&source=embed&output=svembed&cbp=13"
allowfullscreen=true></iframe>
__________________________
Voici ce que dit Google :
<iframe
width="450"
height="250"
frameborder="0" style="border:0"
src="https://www.google.com/maps/embed/v1/search?key=YOUR_API_KEY&q=record+stores+in+Seattle" allowfullscreen>
</iframe>
1) Pour récupérer sa clé d'API, aller sur :
https://console.developers.google.com/project
Sélectionner le projet.
L'ID du projet est affiché.
Repérer si l'ID est bien activé (cliquer sur activer et gérer des API, cliquer sur API activées)
2) Regarder l'URL affiché qui accompagne la vue photosphérique dans Maps.
Normalement, il faut ajouter le panorama ID qui est après le !1s et avant le !2e (voir article Stack Overflow).
Exemple de PANORAMA-ID:
1!3m6!1s-KxGMnz3x_Wk%2FVhlhGut1BII%2FAAAAAAAAckE%2F55jXhLiQKt4
donc dans la formation de l'URL, après la clé API, ajouter &pano=PANORAMA_ID
Voir également cet article.
Le snippet est de la forme :
<iframe width="600" height="450" frameborder="0" style="border:0" src="https://www.google.com/maps/embed/v1/streetview?pano=2k2pvtUuhek5-r110sW2Lg&key=AIzaSyB7cbSbriZYV2eW..." allowfullscreen>
Voir aussi la page Quick Start de Google SV
Solution du plugin Embedder
Solution ekreativa
