Altura Arboles en el Mundo

Jul 06 2011 Autor: J.P Aulet under Ecologia,Nasa

Este mapa, elaborado por la NASA con ICESat, Terra, y el satélite Aqua, muestra la altura de los árboles en los bosques del mundo.
Los satélites han medido con láser la altura promedio de árboles por ² área de 5 km. Cómo se observa los arboles más altos se encuentran en EE.UU. y el sur de Asia. También se ve a simple vista las dos grandes áreas ‘horizontales’ de vegetación mundial, una  por debajo el ecuador, que atraviesa América del Sud, África y Asia y otra mucho por encima el ecuador por América del Norte, Europa y Asia.

Vía: Nasa.gov

Comments Off

Infografía 250 Mejores Películas

Jul 06 2011 Autor: J.P Aulet under Arte,Pelí­culas / TV

infografia 250 películas

Al pulsar sobre la imagen superior (o aquí) podemos ver una infografía completa en forma de mapa de metro, relacionando las 250 mejores películas entre sí.  Se puede observar el nombre de la película (en inglés), el año de su publicación así como líneas separadas por tipos de película (comedia, obra maestra, aventuras, ciencia ficción…). Puede ser útil para descubrir nuevas películas.

Vía: Vodkaster.com

Comments Off

Introducción a la API 3 de GoogleMaps

Abr 08 2011 Autor: J.P Aulet under API's,General,GoogleMaps

Con este senzillo ejemplo, podemos crear en nuestra pàgina web un mapa de GoogleMaps con la nueva versión de la API (version 3). Podemos ver la diferencia entre los dos tipos de mapa en la siguiente imagen:

google maps
La imagen de la izquierda corresponde a la API 2 y la derecha con API3. Nótese el cambio de la barra de zoom y navegación (más elegante en la version 3) y la aparición del ‘muñeco’ que permite canviar a StreetView en la nueva versión.

Para construir este mapa debemos seguir sólo 3 pasos:

Paso 1: Declaración de la nueva libreria de googleMaps:

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>

Paso 2: Declaración del mapa y sus opciones dentro de un script ‘javascript‘ (antes de la etiqueta </header>):

<script type="text/javascript">
function initialize()
var latlng = new google.maps.LatLng(-34.397, 150.644);
var myOptions = {
zoom: 14,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP // Tipo de mapa (ROADMAP,SATELLITE,HYBRID,TERRAIN)
};
map = new google.maps.Map(document.getElementById("map"), myOptions);
</script>

Paso 3: Emplazamos el mapa en la pàgina web y creamos la execución del codigo 2 al inicializar la pàgina:

<body onload="initialize()">
  <div id="map" style="width:100%; height:100%"></div>
</body>
</html>

Esto es todo.
Esperabas más? Con este senzillo codigo tendremos un mapa con la nueva versión de GoogleMaps en nuestra página. Lógicamente podemos añadir opciones, funciones y otros parámetros en el mapa, pero lo dejamos para otros artículos más especializados.

Comments Off