17 nov 2008


Introduction


Il est possible grâce à l'API Google Maps de naviguer virtuellement dans les rues, nous verrons ici comment implanter cette fonctionnalité.

Créer un panorama


Construire un panorama en lui indiquant son emplacement :

var myPano = new GStreetviewPanorama(document.getElementById("pano"));

Définir une destination :

var capitole = new GLatLng(43.60436298129637, 1.442950341024869);

Définir les attributs de la caméra - yaw pour la direction en degré de l'angle de vue et pitch l'inclinaison de la caméra :

var myPOV = {yaw:370.64659986187695,pitch:0};

Initialiser le panorama sur la destination et avec les paramètres de caméra :

myPano.setLocationAndPOV(capitole, myPOV);

Ajouter un événement (une alerte simple) si le navigateur ne supporte pas le Flash. :

GEvent.addListener(myPano, "error", handleNoFlash);

Définir l'événement :

function handleNoFlash(errorCode) {
if (errorCode == 603) {
alert("Flash n'est pas supporté par votre navigateur !");
return;
}
}

Définir l'emplacement de la carte :



Code complet






<br /> [Google Maps] 14. Se promener place du Capitole<br />






Démonstration