RSS

[Google]Google Earth en la Web

Jue, May 29, 2008

Google, Internet, Noticias, Programacion, Recursos

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.

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.

HTML:
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html>
  2.   <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  3.     <title>Hello Google Earth!</title>
  4.     <!-- *** Replace the key below below with your own API key, available at http://code.google.com/apis/maps/signup.html *** -->
  5.     <script src="http://www.google.com/jsapi?key=AQUI_ESCRIBE_TU_CLAVE_DE_LA_API_PROPORCIONADA_POR_GOOGLE"></script>
  6.     <script>
  7. google.load("earth", "1");
  8.  
  9. var ge = null;
  10.  
  11. function init() {
  12.   google.earth.createInstance("map3d", initCallback, failureCallback);
  13. }
  14.  
  15. function initCallback(object) {
  16.   ge = object;
  17.   ge.getWindow().setVisibility(true);
  18. }
  19.  
  20. function failureCallback(object) {
  21. }
  22.     </script>
  23.   </head>
  24.  
  25.   <body onload='init()' id='body'>
  26.     <center>
  27.       <div>
  28.         Hello, Earth!
  29.       </div>
  30.  
  31.       <div id='map3d_container'
  32.            style='border: 1px solid silver; height: 600px; width: 800px;'>
  33.         <div id='map3d' style='height: 100%;'></div>
  34.       </div>
  35.     </center>
  36.  
  37.   </body>
  38. </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

, , ,

This post was written by:

Ajaxman - who has written 571 posts on Ajaxman.


Contact the author

Leave a Reply