Magazine High tech

Intégrer Google Street View

Publié le 26 septembre 2011 par Menerve
Vous aimez bien le principe de Google Street View: pouvoir se balader avec la souris dans les rues, la vue panoramique.
Pourquoi ne pas intégrer Street View à son site web et afficher le lieu de notre choix?
Oui, mais comment? En utilisant l'API (Application Programming Interface) Google Maps.
Documentation de l'API Google Maps, partie Street View:
http://code.google.com/intl/fr/apis/maps/documentation/javascript/v2/services.html#Streetview
Exemple avec point de vue:
http://code.google.com/intl/fr/apis/maps/documentation/javascript/v2/examples/streetview-object.html
1. Copier/coller le code source de l'exemple, sauvegarder cela dans un fichier HTML et ouvrir la page en local: ça marche!
2. Modifier le code:
  2.1 Afficher le lieu de notre choix:
  2.1.1 Trouver la latitude / longitude du lieu: rentrer l'adresse sur cette page :http://www.gpsvisualizer.com/geocode
  2.1.2 Coller les valeurs et remplacer celle de la ligne
var fenwayPark = new GLatLng(45.7709632,4.8331239);

  2.2 Choisir l'orientation: la vue par défaut est orientée Nord.
  2.2.1 Ils appellent ça le POV chez Google (le "Point of View"), composé du:
  1. "yaw" est l'angle de rotation par rapport au Nord
  2. "pitch" est l'inclinaison
  3. enfin le "zoom".

  2.2.2 Modifer la ligne
myPOV = {yaw:370.64659986187695,pitch:-20};

  2.3 Agrandir l'affichage: modifier les propriétés CSS de la div #pano:
<div name="pano" id="pano" style="width: 800px; height: 480px">

Google

Retour à La Une de Logo Paperblog

A propos de l’auteur


Menerve 243 partages Voir son profil
Voir son blog

l'auteur n'a pas encore renseigné son compte l'auteur n'a pas encore renseigné son compte

Magazine