Petit tutoriel googlemap et street view

En fait, les dernières versions de googlemap permettent de faire très facilement des encapsulations.
A noter: ces fonctionnalités requièrent des ressources de la machine. Ainsi, il faudrait sans doute éviter d'accumuler trop d'encapsulations dans un même fil de discussion.

---

googlemap
Vous avez trouvé la scène googlemap que vous souhaitez poster.
Par exemple, la photo satellite ci-dessous au nord de la Russie. Déplacez vous, zoomez, grâce aux curseurs et à la souris, jusqu'à obtenir le bon cadrage. Puis, cliquer sur Link.



Sélectionner et copier le code sous la mention Paste HTML to embed in website:



Pour cet exemple précis, le code est (pas de saut à la ligne!):

Code:

<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/?ie=UTF8&t=h&ll=73.940714,108.413086&spn=2.299315,12.5354&z=7&output=embed"></iframe><br /><small><a href="http://maps.google.com/?ie=UTF8&t=h&ll=73.940714,108.413086&spn=2.299315,12.5354&z=7&source=embed" style="color:#0000FF;text-align:left">View Larger Map</a></small>

Vous pouvez modifier la largeur et la hauteur en remplaçant tout au début width="425" height="350" par de nouvelles valeurs.
Par exemple, 1000x 800, ce qui donne width="1000" height="800", et le nouveau code:

Code:

<iframe width="1000" height="800" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/?ie=UTF8&t=h&ll=73.940714,108.413086&spn=2.299315,12.5354&z=7&output=embed"></iframe><br /><small><a href="http://maps.google.com/?ie=UTF8&t=h&ll=73.940714,108.413086&spn=2.299315,12.5354&z=7&source=embed" style="color:#0000FF;text-align:left">View Larger Map</a></small>

On obtient ainsi l'encapsulation suivante:


View Larger Map

---

streetview

Passer du mode googlemap au mode streetview
Le mode streetview est disponible pour certaines rues, en particulier dans les grandes villes.
Il suffit de déplacer le petit bonhomme jaune vers la rue concernée.
Ici, près de la pyramide du Louvre:



Une fois que la vue streetview est activée, déplacez vous, zoomez, grâce aux curseurs et à la souris, jusqu'à obtenir le bon cadrage.
Puis, cliquer sur Link.



Sélectionner et copier le code sous la mention Paste HTML to embed in website:



Pour cet exemple précis, le code est (pas de saut à la ligne!):

Code:

<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/?ie=UTF8&t=h&ll=48.861373,2.332647&spn=0,0.006121&z=18&layer=c&cbll=48.861288,2.333714&panoid=malz7mGrtNFc-BONJMepsQ&cbp=13,103.23,,0,5&source=embed&output=svembed"></iframe><br /><small><a href="http://maps.google.com/?ie=UTF8&t=h&ll=48.861373,2.332647&spn=0,0.006121&z=18&layer=c&cbll=48.861288,2.333714&panoid=malz7mGrtNFc-BONJMepsQ&cbp=13,103.23,,0,5&source=embed" style="color:#0000FF;text-align:left">View Larger Map</a></small>

Vous pouvez modifier la largeur et la hauteur en remplaçant tout au début width="425" height="350" par de nouvelles valeurs.
Par exemple, 1000x 800, ce qui donne width="1000" height="800", et le nouveau code:

Code:

<iframe width="1000" height="800" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/?ie=UTF8&t=h&ll=48.861373,2.332647&spn=0,0.006121&z=18&layer=c&cbll=48.861288,2.333714&panoid=malz7mGrtNFc-BONJMepsQ&cbp=13,103.23,,0,5&source=embed&output=svembed"></iframe><br /><small><a href="http://maps.google.com/?ie=UTF8&t=h&ll=48.861373,2.332647&spn=0,0.006121&z=18&layer=c&cbll=48.861288,2.333714&panoid=malz7mGrtNFc-BONJMepsQ&cbp=13,103.23,,0,5&source=embed" style="color:#0000FF;text-align:left">View Larger Map</a></small>

On obtient ainsi l'encapsulation suivante:


View Larger Map

---

A partir de maintenant, j'attends donc vos scènes googlemap/streetview préférées!

On va s'appliquer Chef !

On verra si un de nos amis reconnaîtra son quartier ?