Se hai usato Google Maps, OpenStreetMap o qualsiasi mappa web moderna nell'ultimo decennio, ogni strada e edificio che hai visto era probabilmente caricato come vector tile. Il formato è l'eroe non celebrato della cartografia web moderna. È ciò che fa caricare le mappe web velocemente, le fa apparire nitide su qualsiasi schermo, e consente ai designer di realizzare bellissime mappe con stile senza dover ri-renderizzare il mondo intero per ogni brand.
Questa guida spiega cos'è un vector tile, come funziona, perché ha sostituito i raster tile per la maggior parte dei casi d'uso, e come MapAtlas li serve in produzione.
La Definizione in una Frase
Un vector tile è un piccolo file binario contenente le feature geografiche per un tile di mappa a un livello di zoom specifico, codificato come dati piuttosto che come immagine pre-renderizzata.
La parte "dati anziché immagine" è il punto centrale. Con un raster tile, il server ha già deciso come appare ogni pixel. Con un vector tile, il client riceve la geometria sottostante (linee, poligoni, punti) e le etichette, e le renderizza al volo nello stile scelto dall'utente.
Come le Mappe Web Usano i Tile
Ogni mappa web che hai mai usato divide il mondo in una griglia di tile. Al livello di zoom 0, l'intero mondo sta in un unico tile. Al livello 1 ci sono 4 tile, al livello 2 ce ne sono 16, e così via. Ogni tile è identificato da tre numeri: zoom (z), colonna (x) e riga (y). Quando fai pan o zoom, la libreria di mappe scarica solo i tile visibili, li mette in cache e scarta quelli che hanno lasciato il viewport.
Per i raster tile, il server pre-renderizza un PNG per ogni (z, x, y). Funziona ma ha dei limiti: lo stile è fisso al momento del rendering, ogni cambio di stile richiede di ri-renderizzare il mondo intero, e le immagini devono essere spedite a risoluzione 1x e 2x per apparire nitide su schermi Retina.
I vector tile capovolgono il modello. Il server spedisce la geometria. Il client renderizza. Un singolo tileset supporta qualsiasi numero di stili, appare nitido a qualsiasi DPI e rimane leggero sulla rete.
Il Formato MVT
Il formato standard de facto è MVT, la specifica Mapbox Vector Tile. MVT è una codifica Protocol Buffers che organizza le feature in layer con nome, tipicamente:
transportation(strade, ferrovie)buildings(sagome degli edifici)places(città, paesi, quartieri con nome)landuse(parchi, zone residenziali, commerciali)water(oceani, laghi, fiumi)boundaries(aree amministrative)
Ogni feature in un layer ha una geometria (punto, linea, poligono) e un insieme di attributi (nome, tipo, importanza, varianti linguistiche). Le coordinate della geometria sono interi nello spazio di coordinate locale del tile, compresi tra 0 e 4096, il che è ciò che dà all'MVT la sua compattezza.
MVT è completamente aperto, vendor-neutral e supportato da ogni motore di rendering principale: Mapbox GL JS, MapLibre GL JS, OpenLayers, deck.gl e gli SDK Mapbox per iOS e Android.
Perché i Vector Tile Hanno Sostituito i Raster Tile
Ci sono cinque ragioni per cui le mappe web moderne usano quasi universalmente i vector tile per il layer base:
Flessibilità di stile. Con un unico tileset puoi renderizzare un tema chiaro, uno scuro, uno stile ottimizzato per la stampa, uno stile con overlay satellitare e uno stile con i colori del brand per il marketing. Nessun re-rendering sul server.
Pixel-perfect a qualsiasi DPI. Un raster tile a 1x appare sfocato su uno schermo Retina. Un vector tile viene renderizzato sul client alla risoluzione nativa del dispositivo.
Payload più leggeri. Un tile urbano complesso è spesso più piccolo come MVT che come PNG di alta qualità, specialmente dopo la compressione gzip.
Interattività a runtime. Puoi evidenziare una strada specifica al passaggio del mouse, sbiadire i layer inutilizzati, animare le transizioni e rispondere ai click sulle feature perché il client sa cosa rappresenta ogni pixel.
Zoom e rotazione fluidi. La geometria vettoriale ruota e scala senza aliasing. I raster tile appaiono pixelati quando si zoomano tra livelli interi o si ruotano fuori asse.
Il costo è il lavoro della CPU e della GPU del client, il che non è un problema su qualsiasi dispositivo prodotto nell'ultimo decennio.
Cosa Si Può Stilizzare a Runtime
Un documento di stile (tipicamente un JSON nella specifica Mapbox Style Spec, adottata anche da MapLibre) descrive come deve essere disegnato ogni layer. Esempi di cosa puoi cambiare senza toccare i dati del tile:
- Il colore di ogni classe di strada
- La larghezza delle linee stradali, variabile in base allo zoom
- Quali etichette dei luoghi appaiono a quale zoom
- Font, dimensione e alone di ogni etichetta di testo
- Visibilità di interi layer (disattiva tutti i confini amministrativi con un toggle)
- Riempimenti con pattern, linee tratteggiate, sfumature, effetti di sfocatura
Questo è ciò che rende possibili le mappe brandizzate. Un team di design può consegnare un JSON di stile Mapbox, uno MapLibre o un preset di stile MapAtlas e lo stesso tileset viene renderizzato nella loro identità di brand.
Cache e Performance
I vector tile si mettono in cache molto bene perché la geometria del mondo non cambia ogni minuto. Le cache CDN edge mantengono tipicamente i tile MVT per ore o giorni. La libreria di mappe pre-scarica i tile nella probabile direzione di pan dell'utente e mantiene in memoria i tile visualizzati di recente. Il risultato è che un utente che si sposta su una città vede un'esperienza fluida perché i tile per il viewport successivo sono di solito già caricati.
I servizi di tile in produzione espongono tipicamente i tile a un percorso come /{z}/{x}/{y}.pbf (PBF è l'estensione binaria protobuf). Una connessione HTTP/2 o HTTP/3 moderna moltiplica decine di richieste di tile in parallelo.
Dove Si Inserisce MapAtlas
MapAtlas serve vector tile compatibili MVT per il prodotto Dynamic Maps, con hosting solo in UE, prezzi prevedibili e uno schema di tile progettato per la stilizzazione downstream e l'annotazione AI. Gli stessi layer di dati che guidano la mappa visibile (luoghi, trasporti, edifici, punti di interesse) sono esposti anche come dati strutturati tramite le API Geocoding e Search, così una feature che vedi sulla mappa può essere recuperata come un record JSON tipizzato per la tua logica.
Per uno sguardo più approfondito al layer di rendering, la guida Custom Map Styling copre come realizzare uno stile di vector tile allineato al brand dall'inizio alla fine.
Domande frequenti
Cos'è un vector tile?
Un vector tile è un piccolo file binario che contiene le feature geografiche (strade, edifici, punti di interesse, etichette) per un singolo tile di una mappa web a un livello di zoom specifico. A differenza di un raster tile, che è un'immagine PNG o JPG pre-renderizzata, un vector tile contiene la geometria e gli attributi sottostanti come dati. Il browser o il client mobile renderizza quei dati in pixel a runtime, il che significa che lo stesso tile può essere stilizzato in modo diverso, ruotato e renderizzato a qualsiasi densità di pixel senza perdere nitidezza.
Qual è la differenza tra un vector tile e un raster tile?
Un raster tile è un'immagine PNG o JPG fissa, tipicamente 256x256 o 512x512 pixel, pre-renderizzata sul server con uno stile fisso. Un vector tile è un file binario contenente geometria e attributi, renderizzato in pixel dal client. I vector tile sono più piccoli sulla rete, supportano la modifica dello stile a runtime, appaiono nitidi a qualsiasi zoom e DPI, e consentono di attivare o disattivare i layer senza dover ri-scaricare i dati. Il compromesso è che il client deve eseguire il lavoro di rendering, il che non è un problema su qualsiasi browser o telefono moderno.
Cos'è il formato MVT?
MVT è la specifica Mapbox Vector Tile, il formato standard de facto per i vector tile. È una codifica Protocol Buffers (protobuf) di feature geografiche per un singolo tile, organizzate in layer con nome (es. strade, edifici, luoghi). Il formato è aperto, vendor-neutral e supportato da ogni renderer di mappe moderno (Mapbox GL, MapLibre, OpenLayers, deck.gl). MapAtlas serve tile compatibili MVT tramite il suo endpoint per le mappe dinamiche.
Quanto sono piccoli i vector tile?
Un tipico vector tile urbano al livello di zoom 14 pesa tra 50 KB e 200 KB sulla rete, spesso compresso a 30-100 KB dopo gzip. La dimensione dipende dalla densità di dati dell'area: un tile che copre il centro di Parigi è più pesante di uno che copre l'Oceano Atlantico. La maggior parte delle mappe in produzione ottiene una panoramica e uno zoom fluidi perché i tile vengono aggressivamente messi in cache, pre-scaricati nella direzione probabile di spostamento dell'utente e renderizzati sulla GPU.
