Articles / Nouvelle technologies

Sur ce coup là, ils ont fait très fort...

Mais j'attends mon gourou Live Earth (Mon Nico :)) pour me dire si Microsoft prévoit de faire un truc du genre. Ajoutez à cela des vues à 360° et vous avez quelque chose de vraiment bleuffant. Pour pouvez retrouver quelques exemples par ci par là.

Le tout étant programmable par nous autres, développeur, via une API (intégré dans la documentation de Google Map API).

Un des nouveaux éléments de la Google Map API est GStreetviewPanorama . C'est avec cet objet que vous allez pouvoir créer des vues panoramiques et cela très simplement :

[code:js]
var fenwayPark = new GLatLng(42.345573,-71.098326);
panoramaOptions = { latlng:fenwayPark };
var myPano = new GStreetviewPanorama(document.getElementById("pano"), panoramaOptions);
[/code]

On défini un emplacement qu'on passe en deuxième paramètre de l'objet GStreetviewPanorama. Et le tour est joué. le tout est mis dans la div appelée "pano".

Vous pouvez dès lors naviguer dans le ville à l'aide des fléches que l'on peut apercevoir sur l'image ci-dessus.

On peut faire des choses assez chouette comme par exemple définir l'angle de vue qu'on veut initialement à l'aide des paramètres pitch (up and down) et yaw (angle de rotation) qu'on passe en paramètre de la méthode setLocationAndPOV de l'objet GStreetviewPanorama.

[code:js]
var myPano = new GStreetviewPanorama(document.getElementById("pano"));
fenwayPark = new GLatLng(42.345573,-71.098326);
myPOV = {yaw:370.64659986187695,pitch:-20};
myPano.setLocationAndPOV(fenwayPark, myPOV);
[/code]

Le mieux dans tout c'est c'est peut être de mettre la fonction Map et Street en parallèle. C'est bien évidemment possible en captant le "clic" sur le contrôle Google Map (GMap) :

[code:js]
var myPano = new GStreetviewPanorama(document.getElementById("pano"));
var map = new GMap2(document.getElementById("map_canvas"));
map.setCenter(new GLatLng(42.345573,-71.098326), 14);
svOverlay = new GStreetviewOverlay();
map.addOverlay(svOverlay);
GEvent.addListener(map,"click", function(overlay,latlng) {
myPano.setLocationAndPOV(latlng);
});
[/code]

GStreetviewOverlay permet de mettre en bleu les rues qui sont disponibles via l'API Google Street afin que l'utilisateur sache ou cliquer. Le résultat... Pas mal :-).