[Google]Google Earth en la Web

Creo que estos últimos días han sido todo un éxito para Google, ya que ultimamente ha sacado muchisimos productos o recursos a la luz.

Creo que casi todo el mundo conoce o por lo menos sabe de la existencia de Google Maps, que nos permite ver mapas de diferentes vistas del mundo, existe también un software llamado Google Earth, que nos ofrece mas posibilidades , como ver algunos edificios y montañas en 3D, entre muchas otras cosas.

Ahora lo que Google nos ofrece es las mismas funcionalidades de Google Earth en la web, mediante una API.

Por el momento solo funciona en Windows, y Firefox, Internet Explorer y creo que Opera.

Lo que me encanto es que funciona a gran velocidad y muchisimo mejor que Google Maps, aquí les dejo un vídeo de The Google Earth API.

Imagen de previsualización de YouTube

NOTA IMPORTANTE: Para poder ver lo necesitan instalar un plugin que se descarga desde el mismo sitio.

Aquí les dejo el código de como implementarlo, en su sitio web, les recuerdo que aun esta en pruebas.


< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <head>
    <title>Hello Google Earth!</title>
    <!-- *** Replace the key below below with your own API key, available at http://code.google.com/apis/maps/signup.html *** -->
    <script src="http://www.google.com/jsapi?key=AQUI_ESCRIBE_TU_CLAVE_DE_LA_API_PROPORCIONADA_POR_GOOGLE"></script>
    <script>
google.load("earth", "1");

var ge = null;

function init() {
  google.earth.createInstance("map3d", initCallback, failureCallback);
}

function initCallback(object) {
  ge = object;
  ge.getWindow().setVisibility(true);
}

function failureCallback(object) {
}
    </script>
  </head>

  <body onload='init()' id='body'>
    <center>
      <div>
        Hello, Earth!
      </div>

      <div id='map3d_container'
           style='border: 1px solid silver; height: 600px; width: 800px;'>
        <div id='map3d' style='height: 100%;'></div>
      </div>
    </center>

  </body>
</html>

Enlace: The Google Earth API
Ejemplos de uso: Google Earth API Examples
Ejemplo del codigo que puse | The Google Earth Sample Hello World

Vía | Google Earth en el navegador web

Related Photos

No related photos.

3 Responses

05.06.2009

Seguro que será una tonteria pero es que soy novato en esto.

Despues de generar la clave para el API he copiado el codigo de ejemplo que hay en la página

http://code.google.com/intl/es/apis/earth/documentation/index.html

subtituyendo la clave del ejemplo por mi clave.

y me sale el siguiente error:

google.load is not a function.

05.07.2009

solucionado

05.10.2009

@KidA:

Revisa esto

* Asegúrate de que la clave del API sea válida.
* Busca errores tipográficos. Recuerda que JavaScript distingue entre mayúsculas y minúsculas.
* Utiliza un depurador de errores de JavaScript. En Firefox, puedes utilizar la consola de JavaScript, el depurador de errores Venkman o el complemento Firebug. En IE, puedes utilizar Microsoft Script Debugger. Esta serie de presentaciones muestra cómo utilizar las distintas herramientas de depuración de errores.
* Busca en el foro de programadores. Si no encuentras ninguna entrada que responda a tu pregunta, publícala en el grupo con un enlace a la página web que muestre el problema.
* Consulta la sección Recursos adicionales para acceder a otros recursos para programadores.

Tal ves pueda ayudarte

Comentar

* Nombre, Email y Comentario son campos obligatorios

Recibe nuestro contenido por email

Vas a recibir un email con los artículos escritos durante el día.

Categorias

Historico de entradas publicadas