Creando Mapas Base con QTiles

Las teselas han revolucionado la idea de mapeo web y nos ha dado acceso rápido y fácil a grandes conjuntos de datos. Los esquemas de mosaicos de teselas dividen el mundo en pequeñas teselas (típicamente 256 x 256 píxeles) para cada nivel de acercamiento y pre-representan los conjuntos de datos a estas teselas. De esta manera sólo una pequeña fracción de un conjunto de datos grande es servido al usuario en un momento dao - resultando en un mapa que puede ser acercado o explorado con facilidad sobre internet. Hay varios métodos para crear teselas a partir de conjuntos de datos SIG. Una manera fácil de crear teselas de tu proyecto QGIS es un complemento llamado QTiles. En este tutorial, aprenderás como crear teselas PNG de cualquier conjunto de capas cargadas en QGIS y crear un mapa base a ser usado en un proyecto de mapeo web.

Vista General de la tarea

Crearemos teselas del raster Natural Earth que cubre todo el planeta.

Obtener los datos

Usaremos el conjunto de datos Natural Earth 2 de Natural Earth.

Descargue el archivo de tamaño medio Natural Earth II with Shaded Relief, Water, and Drainages

Fuente de Datos [NATURALEARTH]

Procedmiento

  1. Descomprima el archivo NE2_LR_LC_SR_W.zip descargado en una carpeta en su computadora. Abra QGIS y vaya a Capa ‣ Agregar Capa Raster. Navegue a la ubicación de los archivos extraídos y seleccione NE2_LR_LC_SR_W.tif. Clic Aceptar.

../_images/1148.png
  1. Instale el complemento QTiles yendo a Complementos ‣ Administrar e Instalar Complemento. Note que el complemento está actualmente marcado como experimental, por lo que necesitará marcar Mostrar también complemento experimentales en la Configuración de Complemento. (Vea Uso de complementos para más detalles sobre la instalación de complementos en QGIS). Una vez que el complemento esté instalado, vaya a Complementos ‣ QTiles ‣ QTiles.

../_images/2103.png
  1. En el diálogo QTiles, seleccione Directorio como la Salida y explore a una carpeta de su elección donde serán creadas las teselas de salida. Escoja Extensión de la capa de la capa NE2_LR_LC_SR_W como la extensión de las teselas. Establezca el Acercamiento máximo a 6. Expanda la sección Parámetros y marque Escribir visualizador basado en Leaflet. Clic Ejecutar para iniciar el proceso de representación de las teselas.

Nota

El número de teselas se incrementa 4 veces para cada nivel de acercamiento adicional y debido a que nuestra capa tiene una extensión de todo el mundo - habrán millones de teselas en los niveles de acercamiento mayores.

../_images/355.png
  1. Una vez que termine el proceso, cierre el diálogo QTiles y navegue a la carpeta de salida que había seleccionado. Notará carpetas para cada nivel de acercamiento hast el máximo nivel de acercamiento. Cada carpeta contien más subcarpetas para las coordenadas X y luego las teselas propias nombradas para las coordenadas Y.

../_images/437.png
  1. En el directorio padre de las teselas de nivel superior, encontrarás un archivo QTiles.html. Este es un visualizador simple para explorar las teselas usando la librería de mapeo web Leaflet.

../_images/537.png
  1. Doble-clic el QTiles.html para abrirlo en un navegador web. Podrás acercarte y desplazarlo para ver las teselas formar perfectamente la capa raster original.

../_images/635.png
  1. Puedes usar estas teselas con cualquier librería de mapeo web que soporte esquemas de teselas XYZ y sobreponer otras capas encima. Para demostrar la utilidad y portabilidad de tales teselas, ahora agregaremos las teselas creadas en este tutorial como el mapa base para el mapa de aeropuertos creado en el tutorial Mapeo web con QGIS2Web. En ese tutorial, escogimos usar un mapa base preparado a partir de OpenStreetMap. Podemos fácilmente intercambiarlo con nuestro mapa base personalizado creado en este tutorial. Vaya al directorio de salida donde se exportó el mapa qgis2web. Abre el archivo Capas ‣ layers.js creado durante la exportación.

../_images/735.png
  1. Localice el bloque de código donde la capa base OSM B & W está definida.

../_images/834.png
  1. Reemplace la definición de la capa base con nuestras propias teselas. A esta altura, las teselas existen sólo en su computadora, así que la URL será a un directorio local. Puede puede también subir las teselas a un servidor y dar la URL del servidor. Cambie el título y fuente con valores apropiados para Natural Earth. Guarde el archivo.

new ol.layer.Tile({
 'title': 'Natural Earth 2',
 'type': 'base',
 source: new ol.source.XYZ({
     url: 'C://Users/Ujaval/Desktop/QTiles/{z}/{x}/{y}.png',
     attributions: [new ol.Attribution({html: 'Made with Natural Earth. Free vector and raster map data @ naturalearthdata.com.'})]
 })
})
../_images/935.png
  1. Abra el mapa web en el navegador y verá que la capa B & W OSM es reemplazada por nuestra teselas recientemente creadas.

../_images/1033.png
If you liked tutorials on this site and do check out spatialthoughts.com for more free resources.
comments powered by Disqus

This work is licensed under a Creative Commons Attribution 4.0 International License