Do not speak Spanish? Read this post in English.

Sábado, 14 d marzo d 2009.

Integrar Google Street View en nuestras webs

Por el momento la información que da google sobre su street view no está tan bien dotada de ejemplos como en la base de Google Maps. Sin embargo ya es más que suficiente como para que con unas cuantas pruebas podamos empezar a mostrar en nuestras páginas vistas de google Street View.

La información Básica la encontramos aquí

Y en la misma página ya empiezan a darnos ejemplos de uso. Veamos un poco de esos mismos...

Como en las mismas funciones de Google Maps, el tema no es complicado simplemente está muy desglosado para darte a ti las opciones más básicas y eso hace que para un mapa sencillo haya que poner bastante código javascript.

function initialize() {
// Como siempre, miramos primero que el buscador sea compatible
if (GBrowserIsCompatible()) { 
  // iniciamos GStreetviewPanorama, el objeto que lo maneja todo.
   var myPano = new GStreetviewPanorama(document.getElementById("pano"));
  // Comprobamos el soporte de flash, porque sin el no hay google street view
   GEvent.addListener(myPano, "error", handleNoFlash);  
  // Esto nos suena más :). Un mapa como los de siempre:
   var map = new GMap2(document.getElementById("map_canvas"));
   map.setCenter(new GLatLng(42.345573,-71.098326), 14);
  // añadimos (solo para este ejemplo) un overlay especial, para google street view
   svOverlay = new GStreetviewOverlay();
   map.addOverlay(svOverlay);
  // Y un listerner, que cambie el google street view cuando hacemos
  // click en el mapa.
   GEvent.addListener(map,"click", function(overlay,latlng) {
     myPano.setLocationAndPOV(latlng);
   });
  }
 }
// Esta función es la que lanzamos si no hay flash... 
function handleNoFlash(errorCode) {
  if (errorCode == FLASH_UNAVAILABLE) {
    alert("Error: Flash doesn't appear to be supported by your browser");
    return;
  }
}  

Este es el ejemplo más complejo quie nos dan lo podeis ver funcionando aquí.

Me parece especialmente interesante el objeto GPov que nos permite indicar hacia donde estamos mirando desde el punto seleccionado:

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

Me huebiese gustado ver algún ejemplo de captura del GPov ya que muchos ya tenemos dominado el tema de colocar nuestras bases de datos en los mapas pero para los CMS y gestores de contenido varios es muy interesante la opción de poder mostrar la situación con la vista directamente apuntando a la dirección señalada ( y no siempre al norte! :S )

De todas formas, con la referencia, no parece dificil usar estos tres métodos del objeto GStreetviewPanorama:

  • getPOV() : Para extrar el GPov actual (y guardarlo en Base datos!!!)
  • setPOV(pov) : Indicar el GPov Inicial
  • panTo(pov, opt_longRoute) : Para desplazarse hacia un nuevo GPov

Por último y como comentario propio, me pregunto si algún día nos darán un metodo

  • panToLocationAndPOV( latlng, opt_pov)

Que nos permita crear en las webs desplazamientos por las calles controlando posición y vista. Las secciones de "donde estamos" podrían llegar a ser otra cosa muy distinta ;).

Temas Relacionados: jquery

Autor:

Un Comentario para “Integrar Google Street View en nuestras webs”

  1. Salud dice:

    Gracias, estuve como loco buscando por la red hasta que hallé tu tutorial, grande! :)

Anímate y deja tu comentario

Esto son experimentos, no preguntes ;) prueba metadescription Prueba title