Cómo insertar un mapa base de marte en Leaflet


En este tutorial veremos cómo insertar un mapa base de marte en Leaflet a través de un servicio de distribución de teselas ráster XYZ.

Si eres como yo y alguna vez has puesto la mirada en el cielo y te has imaginado como un explorador espacial, este tutorial te ayudara a preparar tu futuro viaje a lo largo de nuestro sistema solar.

Para ello vamos a utilizar los datos de OpenPlanetary.

¿Qué es OpenPlanetary?

OpenPlanetary es una pequeña organización internacional sin fines de lucro, que ayuda a los científicos planetarios y desarrolladores de software a compartir, discutir, colaborar y mejorar datos planetarios, herramientas, flujos de trabajo y conocimiento general de nuestro Sistema Solar.

A continuación, os dejamos el mapa hipsométrico de la superficie de marte y el código completo para visualizar el mapa a pantalla competa en formato HTML.

						
<!DOCTYPE html>
<meta charset="utf-8" />
<head>
 <link rel="stylesheet" href="https://unpkg.com/leaflet@1.6.0/dist/leaflet.css"/>
 <script src="https://unpkg.com/leaflet@1.6.0/dist/leaflet.js"> </script>
 <style>
  body { margin:0; padding:0; }
	#map { position:absolute; top:0; bottom:0; width:100%; }
 </style>
</head>
<body>
<div id="map"> </div>
 <script>
	var map = L.map('map').
	setView([38, 0], 
	2);
	 
	L.tileLayer('http://s3-eu-west-1.amazonaws.com/whereonmars.cartodb.net/mola-color/{z}/{x}/{y}.png', {
	 	attribution: '<a href="https://www.openplanetary.org/">OpenPlanetary</a>',
	    zoom: 2,
		tms: true,
	}).addTo(map);
 </script>
</body> 
</html>
						
					

Practicante todo el código es parecido al tutorial que realizamos para crear un mapa base con Leaflet, la parte interesante es en la que añadimos la url a las Raster Tiles o XYZ Tiles:

						
http://s3-eu-west-1.amazonaws.com/whereonmars.cartodb.net/mola-color/{z}/{x}/{y}.png
						
					

¿Qué son las XYZ Tiles?

Los servicios de distribución de teselas, o Tile Servers son métodos de localización de teselas, también conocidos como direccionamiento XYZ.

El contenido y las coordenadas de localización de la tesela está preconfigurado de antemano, se organiza siguiendo un esquema propio de coordenadas X,Y al que se le añade el nivel de zoom Z (0-22) donde la primera tesela se corresponde con las coordenadas 0,0,0.

El mapa anterior está compuesto por dos capas superpuestas, el mapa hipsométrico y el hillshade de la superficie de marte.

¿Qué es un mapa hipsométrico?

Es un tipo de mapa que representa la altimetría mediante un rango de color.

						
http://s3-eu-west-1.amazonaws.com/whereonmars.cartodb.net/mola_color-noshade_global/{z}/{x}/{y}.png
						
					

¿Qué es un hillshade?

Un Hillshade, o mapa de sombras, es un modelo digital en 3D cuya función es la representación de las sombras de la superficie, además tiene en cuenta la posición relativa del sol para sombrear la imagen en escala de grises. Esta función utiliza las propiedades de altitud y acimut para especificar la posición del sol.

						
https://s3.us-east-2.amazonaws.com/opmmarstiles/hillshade-tiles/{z}/{x}/{y}.png
						
					

¿De dónde provienen los datos?

Todos los mapas base de marte han sido generados a partir del conjunto de datos del Mars Global Surveyor (MOLA).

El Mars Albiter Laser Altimeter (MOLA) generó perfiles de altimetría utilizados para crear mapas topográficos globales de la superficie del planeta rojo. El instrumento MOLA dejó de adquirir datos de altimetría el 30 de junio de 2001 y luego funcionó en modo de radiometría pasiva hasta el final de la misión MGS. Los conjuntos de datos de MOLA son producidos por el Equipo de Ciencia de MOLA y archivados por el Nodo de Geociencias PDS.

Y hasta aquí este tutorial de leaflet, en el que hemos añadido un mapa base de marte, os animo a conocer OpenPlanetary una organización impulsada por la comunidad hecha para profesionales de investigación y educación, gratuita y que está abierta a cualquier persona dispuesta a aprender y compartir.

Además, tendrás acceso a slack para discutir y colaborar con la red de OpenPlanetary, de la que geopois ya forma parte.

¿Alguna pregunta? ¿Quieres realizar sinergias o colaboraciones? ¿Te gustaría enviarnos feedback sobre el tutorial? No dudes en contactar a jgabas@geopois.com.



Sobre el Autor


Javier Gabás Jiménez

Soy un apasionado de los mapas y la infraestructura de datos espaciales, me divierto mucho buscando formas de comprender y presentar datos visualmente, así como entender la programación que hay debajo. Ingeniero en geomática y topografía por la Universidad Politécnica de Madrid, cuando no estoy trabajando o estudiando, estaré viajando y disfrutando de la vida junto a mi pareja.



Formamos parte del programa de emprendimiento #17actuaupm