What are vector tiles and why you should care

Los mosaicos vectoriales se están convirtiendo en una nueva tendencia y es muy probable que sean el futuro de la publicación de mapas. ¿Cuál es la tecnología que hay detrás y cómo se puede adaptar ya hoy?

Mosaicos rasterizados, mosaicos vectoriales, y cuál es la diferencia

Descripción de los mosaicos de trama

Tradicionalmente, los mapas web se basaban en la tecnología de mosaicos rasterizados. Se trataba de un conjunto de imágenes cuadradas colocadas unas junto a otras, cada una con una zona geográfica y una escala fijas. Juntos creaban el mundo entero, pero sólo se mostraban los tiles por los que realmente navegabas. El resto se entregaba a tu navegador cuando cambiabas la posición o el zoom.

En este documento encontrará una guía más detallada sobre las baldosas rasterizadas.

2019-02-07-what-are-vector-tiles-and-why-you-should-care-2.png

Un mapa dividido en mosaicos de trama

Descripción de los azulejos vectoriales

Los mosaicos vectoriales, que se introdujeron más tarde, también proporcionan datos divididos en mosaicos aproximadamente cuadrados. Pero en lugar de imágenes rasterizadas, hay datos vectoriales pregenerados que están presentes en el área solicitada. Los elementos del mapa que desbordan el mosaico actual se cortan con un desplazamiento específico, lo que es esencial a la hora de conectar los mosaicos entre sí.

Los mosaicos vectoriales se renderizan en el lado del cliente. Un estilo de mapa define el aspecto de todos los elementos de los mosaicos. El estilo dice qué elemento del mapa debe ser renderizado, qué color, qué fuente debe ser usada para una etiqueta, y en qué idioma debe ser renderizada esta etiqueta. Esto da más oportunidades para cambiar el mapa sobre la marcha con un mínimo esfuerzo.

Los mosaicos vectoriales se transfieren a través de la web en forma de datos geográficos empaquetados en formato vectorial divididos en mosaicos cuadrados.

Gracias a esta flexibilidad y a la posibilidad de renderizar mosaicos rasterizados a partir de mosaicos vectoriales pregenerados si es necesario, la mayoría de los grandes actores de la industria cartográfica ya han cambiado.

Comparación de mosaicos vectoriales y rasterizados

	Azulejos vectoriales	Mosaicos de trama
Pros:	Menor tamaño de los datos y, por tanto, menor necesidad de espacio en disco Menor consumo de ancho de banda Tiempo de generación más rápido Better user experience - smooth zooming Not visible zoom levels - users zoom and pan throughout all scales Estándar móvil de facto Fácil personalización: con un pequeño archivo de texto, puede definir el aspecto del mapa, el tipo de letra que debe utilizarse, el idioma de las etiquetas del mapa e incluso ocultar elementos específicos del mapa.	Adecuado para datos rasterizados como imágenes satelitales/aéreas Menores requisitos para el hardware de los usuarios finales Todavía hay que mejorar el soporte en las bibliotecas JavaScript de la web y en el software GIS de escritorio
Contras:	El mapa se renderiza en el lado del cliente y requiere un hardware un poco más potente Data son generalizados y, por lo tanto, no son adecuados para las ediciones directas	Un mayor tamaño de cada baldosa y datos en los servidores Se necesita más tiempo para generar La lentitud de la carga interrumpe la experiencia del usuario al desplazarse por el mapa

Es posible mezclar mosaicos rasterizados con mosaicos vectoriales y hacer el mejor uso de ambos, por ejemplo, mapa de satélite (mosaicos rasterizados) con una superposición de calles con etiquetas disponibles en muchos idiomas (mosaicos vectoriales) 2019-02-07-what-are-vector-tiles-and-why-you-should-care-3.png Satellite map of Europe with Korean labels - the same tiles can be used with any other language - without a need to render tiles again. There is only a need to make a small change in the style, a one-line change in the text file. This change can also be done on the fly from a drop-down menu. See yourself.

Generar azulejos vectoriales propios

If you have any data in vector formats, you can quickly generate vector tiles out of them using MapTiler Desktop (now MapTiler Engine). This functionality has been available since version 10.

Arrastre y suelte sus datos en Shapefile, GeoJSON u otro formato vectorial en MapTiler Desktop, ajuste las propiedades finales del mapa si lo desea y seleccione el formato de salida. Puede crear el mapa en estructura MBTiles, GeoPackage o Folder. Todo el proceso se describe en este manual.

You can try it with sample data of New York City subway stations and subway lines. 2019-02-07-what-are-vector-tiles-and-why-you-should-care-4.png

Bibliotecas frontales web y SDK para móviles compatibles

A pesar de la relativa novedad de los mosaicos vectoriales, ya son compatibles con muchas bibliotecas de JavaScript:

SDK de MapTiler
MapLibre GL JS
OpenLayers con el plugin de mosaicos vectoriales
Folleto Vector Azulejos

Mobile SDKs support loading vector tiles on both iOS and Android. Vector tiles can be loaded in desktop GIS software like QGIS, ArcGIS, and others. Read this article for an exhaustive list of supported applications. 2019-02-07-what-are-vector-tiles-and-why-you-should-care-5.png

Mosaicos vectoriales gratuitos para aplicaciones web y móviles a través de la API de mapas

Start using vector tiles via maps API For your web and mobile applications, start using maps based on the vector tiles technology via You can try MapTiler Cloud, which is powered by vector tiles technology and offers hosting for vector tiles.

CREATE FREE ACCOUNT

Qué son los azulejos vectoriales y por qué deberían importarte