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
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
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:
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.
.png){kind=small}
