Se você usou o Google Maps, OpenStreetMap ou qualquer mapa web moderno na última década, cada rua e prédio que você viu provavelmente foi carregado como um vector tile. O formato é o herói anônimo da cartografia web moderna. É o que faz os mapas web carregarem rápido, ficarem nítidos em qualquer tela e permitirem que designers entreguem mapas lindamente estilizados sem re-renderizar o mundo inteiro para cada marca.
Este guia explica o que é um vector tile, como funciona, por que substituiu os raster tiles na maioria dos casos de uso e como o MapAtlas os serve em produção.
A Definição em Uma Frase
Um vector tile é um arquivo binário compacto contendo as feições geográficas de um tile de mapa em um nível de zoom específico, codificado como dados em vez de como uma imagem pré-renderizada.
A parte "dados em vez de imagem" é o ponto central. Com um raster tile, o servidor já decidiu como cada pixel fica. Com um vector tile, o cliente recebe a geometria subjacente (linhas, polígonos, pontos) e rótulos, e os renderiza em tempo real para qualquer estilo que o usuário escolheu.
Como Mapas Web Usam Tiles
Todo mapa web que você já usou divide o mundo em uma grade de tiles. No zoom 0, o mundo inteiro cabe em um único tile. No zoom 1 há 4 tiles, no zoom 2 há 16, e assim por diante. Cada tile é identificado por três números: zoom (z), coluna (x) e linha (y). Quando você faz pan ou zoom, a biblioteca de mapas busca apenas os tiles visíveis, os cacheia e descarta os que saíram do viewport.
Para raster tiles, o servidor pré-renderiza um PNG para cada (z, x, y). Isso funciona mas tem limitações: o estilo é fixado no momento da renderização, cada mudança de estilo significa re-renderizar o mundo inteiro, e as imagens precisam ser entregues em resolução 1x e 2x para ficarem nítidas em telas Retina.
Vector tiles invertem o modelo. O servidor entrega geometria. O cliente renderiza. Um único tileset suporta qualquer número de estilos, fica nítido em qualquer DPI e permanece compacto na rede.
O Formato MVT
O formato padrão de fato é MVT, a especificação Mapbox Vector Tile. MVT é uma codificação Protocol Buffers que organiza feições em camadas nomeadas, tipicamente:
transportation(ruas, ferrovias)buildings(plantas dos prédios)places(cidades, vilas, bairros nomeados)landuse(parques, áreas residenciais, comerciais)water(oceanos, lagos, rios)boundaries(áreas administrativas)
Cada feature em uma camada tem uma geometria (ponto, linha, polígono) e um conjunto de atributos (nome, tipo, importância, variantes de idioma). As coordenadas de geometria são inteiros no espaço de coordenadas local do tile, variando de 0 a 4096, o que garante o tamanho compacto do MVT.
O MVT é totalmente aberto, neutro em relação a fornecedores e suportado por todo mecanismo de renderização principal: Mapbox GL JS, MapLibre GL JS, OpenLayers, deck.gl e os SDKs Mapbox para iOS e Android.
Por Que Vector Tiles Substituíram Raster Tiles
Há cinco razões pelas quais mapas web modernos usam universalmente vector tiles para a camada base:
Flexibilidade de estilo. Com um único tileset você pode renderizar um tema claro, um tema escuro, um estilo otimizado para impressão, um estilo de sobreposição de satélite e um estilo com as cores da marca para marketing. Sem re-renderização no servidor.
Pixel-perfect em qualquer DPI. Um raster tile em 1x fica embaçado em uma tela Retina. Um vector tile é renderizado do zero no cliente com a resolução nativa do dispositivo.
Payloads menores. Um tile urbano complexo muitas vezes é menor como MVT do que como PNG de alta qualidade, especialmente após gzip.
Interatividade em tempo real. Você pode destacar uma rua específica no hover, diminuir a opacidade de camadas não usadas, animar transições e responder a cliques em features porque o cliente sabe o que cada pixel representa.
Zoom e rotação suaves. A geometria vetorial rotaciona e escala sem serrilhado. Raster tiles ficam pixelados quando o zoom está entre níveis inteiros ou quando rotacionados fora do eixo.
O custo é trabalho de CPU e GPU no cliente, o que não é problema em nenhum dispositivo fabricado na última década.
O Que Você Estiliza em Tempo Real
Um documento de estilo (tipicamente um JSON na Mapbox Style Spec, também adotado pelo MapLibre) descreve como cada camada deve ser desenhada. Exemplos do que você pode mudar sem tocar nos dados do tile:
- A cor de cada classe de via
- A largura das linhas de via, variando por zoom
- Quais rótulos de lugar aparecem em qual zoom
- Fonte, tamanho e halo de cada rótulo de texto
- Visibilidade de camadas inteiras (desativar todos os limites administrativos com um toggle)
- Preenchimentos com padrão, linhas tracejadas, gradientes, efeitos de desfoque
É isso que torna mapas com identidade visual possíveis. Um time de design pode entregar um Mapbox style JSON, um MapLibre style JSON ou um preset de estilo MapAtlas e o mesmo tileset renderiza com a identidade da marca.
Caching e Performance
Vector tiles cacheia extremamente bem porque a geometria do mundo não muda a cada minuto. Caches CDN tipicamente mantêm tiles MVT por horas ou dias. A biblioteca de mapas pré-busca tiles na direção em que o usuário provavelmente vai fazer pan e mantém os tiles visualizados recentemente na memória. O resultado é que um usuário fazendo pan por uma cidade vê uma experiência fluida porque os tiles do próximo viewport geralmente já estão carregados.
Serviços de tiles de produção tipicamente expõem os tiles em um path como /{z}/{x}/{y}.pbf (PBF é a extensão binária protobuf). Uma conexão HTTP/2 ou HTTP/3 moderna multiplexa dezenas de requisições de tiles em paralelo.
Onde o MapAtlas Se Encaixa
MapAtlas serve vector tiles compatíveis com MVT para o produto Dynamic Maps, com hospedagem exclusiva na UE, preços previsíveis e um esquema de tiles projetado para estilização downstream e anotação por IA. As mesmas camadas de dados que alimentam o mapa visível (places, transportation, buildings, points of interest) também são expostas como dados estruturados pela Geocoding API e pela Search API, de modo que uma feature que você vê no mapa pode ser recuperada como um registro JSON tipado para sua própria lógica.
Para uma visão mais aprofundada da camada de renderização, o guia de Estilização de Mapas Customizados cobre como entregar um estilo de vector tile alinhado à marca do início ao fim.
Perguntas frequentes
O que é um vector tile?
Um vector tile é um arquivo binário compacto que contém as feições geográficas (ruas, prédios, pontos de interesse, rótulos) para um único tile de mapa web em um nível de zoom específico. Diferente de um raster tile, que é uma imagem PNG ou JPG pré-renderizada, um vector tile armazena a geometria e os atributos subjacentes como dados. O browser ou cliente mobile renderiza esses dados em pixels em tempo real, o que significa que o mesmo tile pode ser estilizado de formas diferentes, rotacionado e renderizado em qualquer densidade de pixel sem perder nitidez.
Qual é a diferença entre um vector tile e um raster tile?
Um raster tile é uma imagem PNG ou JPG fixa, tipicamente 256x256 ou 512x512 pixels, pré-renderizada no servidor com um estilo fixo. Um vector tile é um arquivo binário com geometria e atributos, renderizado em pixels pelo cliente. Vector tiles são menores na rede, suportam reestilização em tempo real, ficam nítidos em qualquer zoom e qualquer DPI, e permitem ativar e desativar camadas sem precisar buscar novamente. A troca é que o cliente precisa fazer o trabalho de renderização, o que não é problema em nenhum browser ou celular moderno.
O que é o formato MVT?
MVT é a especificação Mapbox Vector Tile, o formato padrão de fato para vector tiles. É uma codificação Protocol Buffers (protobuf) de feições geográficas para um único tile, organizada em camadas nomeadas (ex: roads, buildings, places). O formato é aberto, neutro em relação a fornecedores e suportado por todo renderizador de mapa moderno (Mapbox GL, MapLibre, OpenLayers, deck.gl). MapAtlas serve tiles compatíveis com MVT pelo seu endpoint de mapas dinâmicos.
Qual é o tamanho de um vector tile?
Um vector tile urbano típico no zoom 14 tem entre 50 KB e 200 KB na rede, frequentemente comprimido para 30-100 KB após gzip. O tamanho depende da densidade de dados da área: um tile cobrindo o centro de Paris é mais pesado do que um tile cobrindo o Oceano Atlântico. A maioria dos mapas de produção consegue pan e zoom fluidos porque os tiles são agressivamente cacheados, pré-buscados na direção em que o usuário provavelmente vai se mover e renderizados na GPU.
