[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.

YouTube Preview Image

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 posts:

  1. [Video] Google earth en un holograma mediante UbiqWindow Si alguna vez dudaste del alcance de la tecnología que...
  2. :: Google Earth :: Fotos de la ciudad de mexico!!! Resulta que ya tengo Internet en la casa así que...
  3. [Google-Ajax] Google Ajax Libraries API, La gran biblioteca de Librerias Ajax Leyendo el blog de Andrés Nieto veo una nueva iniciativa...
  4. [Noticia]LA wikipedia tambien esta incluida de Google Maps Tal vez a muchos les encantaría tener la wikipedia como...
  5. [Noticias] Google App Engine: tus aplicaciones almacenadas en Google Mientras esta el romance de Microsoft-Yahoo, Google se ocupa de...

Related posts brought to you by Yet Another Related Posts Plugin.

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

* Name, Email, Comment are Required

Mis Tweets Ajaxman


Categorias

Historico de entradas publicadas