<\/div>

<\/div><\/div>

<\/p>\n\n\n\n

CREATE TABLE tiles (
zoom_level INTEGER,
tile_column INTEGER,
tile_row INTEGER,
tile_data BLOB
);
<\/p>\n\n\n

<\/div><\/div>\n\n\n\n

Nota<\/strong>: MBTiles utiliza el sistema de coordenadas TMS (Tile Map Service), lo que significa que el eje vertical (Y) est\u00e1 invertido respecto al esquema XYZ utilizado por Leaflet. Algunos servidores o visualizadores lo corrigen autom\u00e1ticamente.<\/p>\n\n\n\n

<\/span>b) metadatos<\/span><\/h4>\n\n\n\n
Esta tabla contiene informaci\u00f3n general sobre el fichero y los tiles que contiene, por ejemplo :<\/p>\n\n\n
<\/div>
<\/div>
<\/div><\/div>
<\/p>\n\n\n\n
CREATE TABLE metadata (\n name TEXT,\n value TEXT\n);\n<\/code><\/pre>\n\n\n<\/div><\/div>\n\n\n\n Algunos campos comunes :<\/p>\n\n\n\n \nname: nombre del tileset ;<\/li>\n\n\n\n format: formato del tileset (png, jpg, pbf);<\/li>\n\n\n\n minzoom, maxzoom: niveles de zoom disponibles;<\/li>\n\n\n\n bounds: extensi\u00f3n geogr\u00e1fica (minlon,minlat,maxlon,maxlat) ;<\/li>\n\n\n\n centro: coordenadas del centro del mapa (lon,lat,zoom) ;<\/li>\n\n\n\n type: tipo de mapa (baselayer, overlay);<\/li>\n\n\n\n descripci\u00f3n: texto explicativo.<\/li>\n<\/ul>\n\n\n\n<\/span>2.Indexaci\u00f3n<\/span><\/h3>\n\n\n\nLos archivos MBTiles pueden incluir \u00edndices para acelerar el acceso a los mosaicos, pero no es obligatorio.<\/p>\n\n\n\n <\/span>3.Otras vistas y variantes<\/span><\/h3>\n\n\n\nAlgunas herramientas (como MapTiler o TileMill) generan vistas adicionales o esquemas alternativos, como la vista de mapa asociada a una tabla de im\u00e1genes en un formato optimizado (deduplicaci\u00f3n de tiles).<\/p>\n\n\n\n Por ejemplo:<\/p>\n\n\n <\/div> <\/div><\/div><\/div><\/p>\n\n\n\nCREATE TABLE images (\n tile_id TEXT,\n tile_data BLOB\n);\n\nCREATE TABLE map (\n zoom_level INTEGER,\n tile_column INTEGER,\n tile_row INTEGER,\n tile_id TEXT\n);\n<\/code><\/pre>\n\n\n<\/div><\/div>\n\n\n\n Esto permite almacenar cada imagen una sola vez, aunque se utilice en varias coordenadas.<\/p>\n\n\n\n He aqu\u00ed una clara comparaci\u00f3n entre los dos tipos de contenido que puede almacenar el formato MBTiles:<\/p>\n\n\n\n \n\n\n\n<\/span>Raster vs Vector: Dos tipos de mosaico en los archivos MBTiles<\/span><\/h2>\n\n\n\nEl formato MBTiles es vers\u00e1til: puede contener mosaicos rasterizados (im\u00e1genes) o mosaicos vectoriales (datos geogr\u00e1ficos codificados). Cada enfoque tiene sus ventajas y es adecuado para diferentes usos.<\/p>\n\n\n\n <\/span>MBTiles Raster<\/span><\/h3>\n\n\n\n\nContenido: im\u00e1genes PNG o JPEG (raramente WebP).<\/li>\n\n\n\n Uso: mapas base prerrenderizados, mapas est\u00e1ticos, mapas hist\u00f3ricos, ortofotos, etc.<\/li>\n\n\n\n Formato declarado: campo de formato = png o jpg en la tabla de metadatos.<\/li>\n\n\n\n Visualizaci\u00f3n: directamente compatible con la mayor\u00eda de librer\u00edas como Leaflet, OpenLayers o MapLibre, a trav\u00e9s de un servidor de tiles (local o remoto).<\/li>\n\n\n\n Ventajas:\n\nMuy sencillo de implementar.<\/li>\n\n\n\n Renderizado consistente en todas las plataformas.<\/li>\n\n\n\n Sin procesamiento del lado del cliente.<\/li>\n<\/ul>\n<\/li>\n\n\n\n Limitaciones:\n\nNo hay interactividad nativa (no se puede hacer clic en la entidad).<\/li>\n\n\n\n Mayor peso: una imagen por mosaico.<\/li>\n\n\n\n Menos flexible en caso de cambios de estilo.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<\/span>2.MBTiles vectoriales (VectorTiles)<\/span><\/h3>\n\n\n\n\nContenido: datos vectoriales codificados en formato Mapbox Vector Tile (MVT, .pbf).<\/li>\n\n\n\n Uso: mapas din\u00e1micos, interactivos, multi-estilo (OpenStreetMap, mapas personalizados).<\/li>\n\n\n\n Formato declarado: campo format = pbf en la tabla de metadatos.<\/li>\n\n\n\n Visualizaci\u00f3n: requiere una biblioteca que soporte el renderizado vectorial (MapLibre GL, Mapbox GL JS, etc.).<\/li>\n\n\n\n Ventajas :\n\nLigero: un solo archivo puede contener varios estilos.<\/li>\n\n\n\n Muy r\u00e1pido de cargar con el motor de renderizado adecuado.<\/li>\n\n\n\n Interactivo: las entidades pueden interrogarse sobre la marcha.<\/li>\n<\/ul>\n<\/li>\n\n\n\n Limitaciones:\n\nRequiere un renderizador del lado del cliente o un servidor como tileserver-gl.<\/li>\n\n\n\n M\u00e1s complejo de generar.<\/li>\n\n\n\n A\u00fan no soportado por todas las plataformas (Leaflet, por ejemplo, no lo soporta directamente).<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<\/span>En pocas palabras<\/span><\/h4>\n\n\n\nCaracter\u00edsticas<\/th> Raster<\/th> Vectorial<\/th><\/tr><\/thead> Format des tuiles<\/td> PNG, JPEG<\/td> PBF (MVT)<\/td><\/tr> Renderizado<\/td> Preprocesado, fijo<\/td> Din\u00e1mico, estilizable<\/td><\/tr> Interactividad<\/td> No<\/td> Si<\/td><\/tr> Compatibilidad<\/td> Muy amplia<\/td> M\u00e1s restringida<\/td><\/tr> Tama\u00f1o<\/td> M\u00e1s pesado<\/td> M\u00e1s ligero a gran escala<\/td><\/tr> Necesidad de estilo<\/td> Ninguna (renderizado incluido)<\/td> Requiere estilo JSON<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n \n\n\n\n<\/span>Generaci\u00f3n de archivos MBTiles: herramientas y flujos de trabajo<\/span><\/h2>\n\n\n\n<\/span>1.MBTiles Raster (im\u00e1genes)<\/span><\/h3>\n\n\n\nLos mosaicos r\u00e1ster se generan generalmente a partir de un mapa visualizado en un software SIG o en un motor de renderizado cartogr\u00e1fico. Estas son las principales herramientas:<\/p>\n\n\n\n Herramienta Descripci\u00f3n TipoQGISPlugin \u00abExport as tiles\u00bb (o Processing \u2192 Generate XYZ tiles) Interfaz gr\u00e1fica GDALgdal2tiles.py con la opci\u00f3n –mbtiles (desde GDAL 3. 1) L\u00ednea de comandos TileMill (antiguo) Creaci\u00f3n de tiles PNG a trav\u00e9s de Mapnik Interfaz gr\u00e1ficaMapTiler Desktop Interfaz completa para crear MBTiles (versi\u00f3n gratuita limitada) Interfaz gr\u00e1ficatippecanoe + rasterizar Flujo de trabajo h\u00edbrido: rasterizar aguas arriba si es necesario L\u00ednea de comandosMapProxy Genera din\u00e1micamente y puede exportar a MBTiles Servidor\/cache.<\/p>\n\n\n\n Herramienta <\/th> Descripci\u00f3n <\/th> Tipo<\/th><\/tr><\/thead> QGIS<\/strong><\/td> Plugin \u00ab Export as tiles \u00bb (o Processing \u2192 Generate XYZ tiles<\/code>)<\/td> Interfaz gr\u00e1fica<\/td><\/tr> GDAL<\/strong><\/td> gdal2tiles.py<\/code> con la opci\u00f3n --mbtiles<\/code> (desde GDAL 3.1)<\/td> L\u00ednea de comandos<\/td><\/tr> TileMill<\/strong> (antiguo)<\/td> Creaci\u00f3n de tiles PNG a trav\u00e9s de Mapnik<\/td> Interfaz gr\u00e1fica<\/td><\/tr> MapTiler Desktop<\/strong><\/td> Interfaz completa para crear MBTiles (versi\u00f3n gratuita limitada)<\/td> Interfaz gr\u00e1fica<\/td><\/tr> tippecanoe + rasterize<\/strong><\/td> Flujo de trabajo h\u00edbrido: rasterizar antes si es necesario<\/td> L\u00ednea de comandos<\/td><\/tr> MapProxy<\/strong><\/td> Genera din\u00e1micamente y puede exportar a MBTiles<\/td> Servidor\/cache<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\nCaso de uso t\u00edpico: mapa tur\u00edstico, ortofoto, mapa escaneado.<\/p>\n\n\n\n \n\n\n\n<\/span>2.MBTiles Mosaicos vectoriales<\/span><\/h3>\n\n\n\nLos mosaicos vectoriales requieren codificaci\u00f3n en PBF y corte en mosaicos seg\u00fan el est\u00e1ndar MVT (Mapbox Vector Tile). Esto requiere herramientas especializadas:<\/p>\n\n\n\n Herramienta <\/th> Descripci\u00f3n <\/th> Formato MBTiles<\/th><\/tr><\/thead> tippecanoe<\/strong> (Mapbox)<\/td> Herramienta de referencia para convertir teselas GeoJSON a PBF en un MBTiles<\/td> S\u00ed<\/td><\/tr> tilemaker<\/strong><\/td> Genera teselas vectoriales directamente desde un OSM PBF<\/td> S\u00ed<\/td><\/tr> PostGIS + ST_AsMVT<\/strong><\/td> Exporta teselas manualmente con scripts SQL \u2192 almacenamiento en MBTiles mediante mb-util<\/td> Con script<\/td><\/tr> OpenMapTiles<\/strong><\/td> Cadena completa con Docker, basado en PostgreSQL\/PostGIS + imposm3 + tippecano<\/td> S\u00ed<\/td><\/tr> MapTiler Desktop<\/strong><\/td> Tambi\u00e9n permite la exportaci\u00f3n vectorial con estilos incorporados (versi\u00f3n Pro)<\/td> S\u00ed<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\nCaso de uso t\u00edpico: mapa urbano interactivo, fondos personalizables, proyectos altamente interactivos.<\/p>\n\n\n\n <\/span>Estructura interna de un archivo MBTiles<\/span><\/h2>\n\n\n\nUn archivo .mbtiles es una base de datos SQLite que contiene mosaicos geogr\u00e1ficos organizados seg\u00fan un esquema normalizado, que var\u00eda ligeramente entre los formatos raster y vectorial.<\/p>\n\n\n\n <\/span>Tablas principales<\/span><\/h3>\n\n\n\n<\/span>mosaicos (o mapa + im\u00e1genes para vectores multiparte)<\/span><\/h5>\n\n\n\nCampo<\/th> Type<\/th> Descripci\u00f3n<\/th><\/tr><\/thead> zoom_level<\/code><\/td> INTEGER<\/td> nivel de zoom del tile<\/td><\/tr> tile_column<\/code><\/td> INTEGER<\/td> columna (x) del tile <\/td><\/tr> tile_row<\/code><\/td> INTEGER<\/td> l\u00ednea (y) del tile (TMS \u2194 XYZ invertido)<\/td><\/tr> tile_data<\/code><\/td> BLOB<\/td> datos binarios de la imagen o PBF<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\nNota: en formato vectorial, algunas implementaciones como tilemaker separan los metadatos de la imagen (im\u00e1genes) y las posiciones (mapa). En este caso, se crea una vista de tiles que los combina.<\/p>\n\n\n\n metadatos<\/strong><\/p>\n\n\n\n Tabla clave-valor (clave = texto, valor = texto) que contiene informaci\u00f3n esencial para interpretar el archivo.<\/p>\n\n\n\n Clave<\/th> Ejemplo de valor<\/th> Utilidad<\/th><\/tr><\/thead> name<\/code><\/td> \"Rodrigues Map\"<\/code><\/td> Nombre legible<\/td><\/tr> format<\/code><\/td> \"png\"<\/code>, \"jpg\"<\/code>, \"pbf\"<\/code><\/td> Tipo de teselas<\/td><\/tr> minzoom<\/code><\/td> 5<\/code><\/td> Nivel m\u00ednimo de zoom<\/td><\/tr> maxzoom<\/code><\/td> 14<\/code><\/td> Nivel de zoom maximo<\/td><\/tr> bounds<\/code><\/td> 63.35,-19.9,63.5,-19.7<\/code><\/td> BBox (WGS84)<\/td><\/tr> center<\/code><\/td> 63.42,-19.8,12<\/code><\/td> Centro del mapa (lon, lat, z)<\/td><\/tr> type<\/code><\/td> \"baselayer\"<\/code> ou \"overlay\"<\/code><\/td> Rol del grupo de teselas<\/td><\/tr> json<\/code><\/td> JSON Mapbox (si vectorial)<\/td> Estilo,capas, campos<\/td><\/tr> attribution<\/code><\/td> Texto HTML<\/td> Fuente a mostrar<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<\/span>(optional) grids<\/code>, grid_data<\/code>, keymap<\/code><\/span><\/h5>\n\n\n\nUtilizado para el formato UTFGrid, una forma obsoleta de interactividad en fondos rasterizados.<\/p>\n\n\n\n \n\n\n\n<\/span>Notas importantes<\/span><\/h3>\n\n\n\n\nLas coordenadas de tile_row suelen estar invertidas dependiendo del sistema de tiles:\n\nTMS (Tile Map Service): el origen est\u00e1 abajo a la izquierda.<\/li>\n\n\n\n XYZ (Web est\u00e1ndar): el origen est\u00e1 arriba a la izquierda.<\/li>\n\n\n\n La mayor\u00eda de los servidores y visualizadores modernos utilizan XYZ.<\/li>\n<\/ul>\n<\/li>\n\n\n\n El campo tile_data contiene :\n\nUna imagen comprimida (png, jpg) para raster.<\/li>\n\n\n\n Un objeto PBF comprimido con zlib para mosaicos vectoriales.<\/li>\n<\/ul>\n<\/li>\n\n\n\n Para mosaicos vectoriales, el campo json en metadatos puede contener: \n\n{ \u00abvector_layers\u00bb: [ { \u00abid\u00bb: \u00abbuildings\u00bb, \u00abdescription\u00bb: \u00ab\u00bb, \u00abminzoom\u00bb: 12, \u00abmaxzoom\u00bb: 16, \u00abfields\u00bb: { \u00abname\u00bb: \u00abString\u00bb, \u00abheight\u00bb: \u00abNumber\u00bb } } ] }<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<\/span>Uso de MBTiles con Leaflet<\/span><\/h2>\n\n\n\nLeaflet es una popular librer\u00eda JavaScript para crear mapas interactivos. Soporta la integraci\u00f3n de muchos tipos de fondos de mapa, incluyendo MBTiles. Estos son los pasos t\u00edpicos y casos de uso para incrustar MBTiles en un mapa Leaflet.<\/p>\n\n\n\n <\/span>1.Requisitos previos: Un servidor de teselas<\/span><\/h3>\n\n\n\nAntes de utilizar MBTiles con Leaflet, necesitas configurar un servidor de tiles, ya que Leaflet no carga MBTiles locales directamente. Este servidor servir\u00e1 los mosaicos como im\u00e1genes o en formato vectorial, accesibles a trav\u00e9s de una URL.<\/p>\n\n\n\n Existen varias opciones para alojar MBTiles:<\/p>\n\n\n\n \nTileStache<\/a><\/strong><\/li>\n\n\n\n Tileserver-GL<\/a><\/strong><\/li>\n\n\n\n Flask + Flask<\/a>-tile<\/strong> (para una instalaci\u00f3n ligera)<\/li>\n\n\n\n Tileserver-php<\/a><\/li>\n<\/ul>\n\n\n\nUna vez configurado el servidor, puede distribuir los tiles v\u00eda HTTP, a los que Leaflet puede llamar para mostrarlos en el mapa.<\/p>\n\n\n\n<\/span>2.Integraci\u00f3n de MBTiles con Leaflet<\/span><\/h3>\n\n\n\nA continuaci\u00f3n se muestra un ejemplo sencillo de uso de un servidor de mosaicos con Leaflet para mostrar datos de un archivo .mbtiles:<\/p>\n\n\n\n<\/span>Ejemplo con mosaicos rasterizados<\/span><\/h4>\n\n\n\n<\/span>a) Inicie el servidor de mosaicos<\/span><\/h5>\n\n\n\nVaya al directorio que contiene los mosaicos rasterizados.<\/p>\n\n\n\n php.exe -S localhost:8081<\/em><\/strong><\/p>\n\n\n\n inicie el servidor de mosaicos<\/p>\n\n\n\n<\/a><\/figure>\n\n\n\nLa siguiente p\u00e1gina html muestra el contenido de los mosaicos del archivo countries.mbtiles situado en la subcarpeta tiles\/. En el navegador debe introducir la direcci\u00f3n localhost:8081\/nombre_p\u00e1gina.html<\/p>\n\n\n<\/div> <\/div><\/div><\/div><\/p>\n\n\n\n<!DOCTYPE html>\n<html>\n<head>\n <meta charset=\"utf-8\" \/>\n <title>Carte Mondiale<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/leaflet\/dist\/leaflet.css\" \/>\n <style>\n html, body, #map { height: 100%; margin: 0; }\n <\/style>\n<\/head>\n<body>\n<div id=\"map\"><\/div>\n<script src=\"https:\/\/unpkg.com\/leaflet\/dist\/leaflet.js\"><\/script>\n<script>\n var map = L.map('map').setView([45, 2], 5);\n\n L.tileLayer('tileserver.php?file=tiles\/countries.mbtiles&z={z}&x={x}&y={y}', {\n tileSize: 256,\n minZoom: 0,\n maxZoom: 6,\n attribution: '© OpenStreetMap contributors'\n }).<\/mark>addTo(map);\n<\/script>\n<\/body>\n<\/html>\n\n<\/code><\/pre>\n\n\n<\/div><\/div>\n\n\n\n El resultado es el siguiente:<\/p>\n\n\n\n<\/a><\/figure>\n\n\n\n<\/span>3.Mosaicos vectoriales (MBTiles PBF)<\/span><\/h3>\n\n\n\nSi est\u00e1 utilizando un archivo MBTiles vectorial (por ejemplo, generado por MapTiler o Mapbox), necesitar\u00e1 configurar Leaflet con un plugin que pueda interpretar mosaicos vectoriales. Leaflet.VectorGrid es uno de los plugins que pueden manejar mosaicos vectoriales en Leaflet.<\/p>\n\n\n\n <\/span>Ejemplo con mosaicos vectoriales (PBF)<\/span><\/h5>\n\n\n<\/div> <\/div><\/div><\/div><\/p>\n\n\n\n<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Carte Vectorielle MBTiles avec Leaflet<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/leaflet@1.7.1\/dist\/leaflet.css\" \/>\n <script src=\"https:\/\/unpkg.com\/leaflet@1.7.1\/dist\/leaflet.js\"><\/script>\n <script src=\"https:\/\/unpkg.com\/leaflet.vectorgrid@1.1.0\/dist\/Leaflet.VectorGrid.js\"><\/script>\n<\/head>\n<body>\n <div id=\"map\" style=\"height: 600px;\"><\/div>\n\n <script>\n var map = L.map('map').setView([ -19.7, 63.35], 12); \/\/ Centr\u00e9 sur Rodrigues\n\n \/\/ Charger les tuiles vectorielles MBTiles\n L.vectorGrid.protobuf(\"http:\/\/localhost:8081\/tileserver.php?file=tiles\/map.mbtiles&z={z}&x={x}&y={y}\", {\n vectorTileLayerStyles: {\n \/\/ Styles pour les tuiles vectorielles\n building: {\n fillColor: 'blue',\n weight: 1,\n fillOpacity: 0.6\n },\n park: {\n fillColor: 'green',\n weight: 1,\n fillOpacity: 0.6\n }\n }\n }).addTo(map);\n <\/script>\n<\/body>\n<\/html>\n<\/code><\/pre>\n\n\n<\/div><\/div>\n\n\n\n En este ejemplo, se utiliza el servidor Flask o Tileserver-GL para suministrar los mosaicos vectoriales, que Leaflet renderiza como vectores utilizando L.vectorGrid.<\/p>\n\n\n\n Sin embargo, esto no es tan sencillo como con los mosaicos rasterizados.<\/p>\n\n\n\n <\/span>Simbolog\u00eda<\/span><\/h5>\n\n\n\nLa primera diferencia es que los mosaicos vectoriales, a diferencia de los rasterizados, no tienen simbolog\u00eda asociada a nivel de servidor. Por lo tanto, est\u00e1 obligado a definir la simbolog\u00eda a nivel del cliente html. Puede verlo en el c\u00f3digo de ejemplo anterior:<\/p>\n\n\n <\/div> <\/div><\/div><\/div><\/p>\n\n\n\nvectorTileLayerStyles: {\n \/\/ Styles pour les tuiles vectorielles\n building: {\n fillColor: 'blue',\n weight: 1,\n fillOpacity: 0.6\n },\n park: {\n fillColor: 'green',\n weight: 1,\n fillOpacity: 0.6\n }\n }<\/code><\/pre>\n\n\n<\/div><\/div>\n\n\n\n Lo que tambi\u00e9n hay que saber es que no existe una simbolog\u00eda por defecto. Si una capa no tiene una definici\u00f3n de simbolog\u00eda en vectorTileLayerStyles, no se mostrar\u00e1. En nuestro ejemplo, s\u00f3lo se mostrar\u00e1n edificios y parques, todas las dem\u00e1s capas (carreteras, etc.) ser\u00e1n ignoradas.<\/p>\n\n\n\n <\/span>Dependencias<\/span><\/h5>\n\n\n\nLeaflet.VectorGrid tiene varias dependencias que pueden complicar el funcionamiento del servidor local de tiles. Cuando mostramos un fichero .mbtiles convertido a .pbf a trav\u00e9s de tileserver.php (por ejemplo), estamos llamando a tiles vectoriales en bruto desde un servidor PHP local, sin las cabeceras o codificaciones adecuadas. Ahora bien:<\/p>\n\n\n\n \nEstos tiles requieren pbf.js (que puedes a\u00f1adir: src=\u00abhttps:\/\/unpkg.com\/pbf@3.2.1\/dist\/pbf.js\u00bb)<\/li>\n\n\n\n Pero tambi\u00e9n @mapbox\/vector-tile para decodificar el contenido .pbf<\/li>\n<\/ul>\n\n\n\nEste \u00faltimo no est\u00e1 disponible como archivo .js que pueda utilizarse directamente en una p\u00e1gina HTML: est\u00e1 escrito para Node.js o para un bundler moderno (Webpack, Vite, etc.).<\/p>\n\n\n\n <\/span>Codificaci\u00f3n<\/span><\/h5>\n\n\n\nEl c\u00f3digo PHP por defecto en tileserver.php est\u00e1 configurado para manejar mosaicos rasterizados (im\u00e1genes PNG), pero no mosaicos vectoriales (.pbf).<\/p>\n\n\n\n Por lo tanto, tendr\u00e1 que ajustar el archivo tileserver.php para servir mosaicos vectoriales (PBF):<\/p>\n\n\n\n Modificaci\u00f3n de la cabecera Content-Type:<\/strong> Para los mosaicos vectoriales, debe especificarse una cabecera Content-Type: application\/x-protobuf, porque los mosaicos vectoriales son archivos en formato Protobuf (.pbf), no im\u00e1genes PNG.<\/p>\n\n\n\n <\/span>Ejemplo de c\u00f3digo PHP modificado para servir tiles vectoriales (PBF) :<\/span><\/h5>\n\n\n<\/div> <\/div><\/div><\/div><\/p>\n\n\n\n<?php \/\/ Ouverture de la base de donn\u00e9es SQLite $db = new SQLite3($_GET['file']); \/\/ Extraction des coordonn\u00e9es de la tuile $z = (int) $_GET['z']; $x = (int) $_GET['x']; $y = (int) $_GET['y']; \/\/ Conversion du syst\u00e8me de coordonn\u00e9es TMS vers XYZ $y = (1 << $z) - 1 - $y; \/\/ TMS flip \/\/ Pr\u00e9paration de la requ\u00eate pour extraire la tuile correspondante $stmt = $db->prepare(\"SELECT tile_data FROM tiles WHERE zoom_level = :z AND tile_column = :x AND tile_row = :y\"); $stmt->bindValue(':z', $z, SQLITE3_INTEGER); $stmt->bindValue(':x', $x, SQLITE3_INTEGER); $stmt->bindValue(':y', $y, SQLITE3_INTEGER); $res = $stmt->execute(); \/\/ Si une tuile est trouv\u00e9e if ($row = $res->fetchArray()) { \/\/ D\u00e9finir l'en-t\u00eate appropri\u00e9 pour les tuiles vectorielles Protobuf header('Content-Type: application\/x-protobuf'); \/\/ Retourner les donn\u00e9es de la tuile echo $row['tile_data']; } else { \/\/ Si aucune tuile n'est trouv\u00e9e, renvoyer une erreur 404 http_response_code(404); } ?> <\/pre>\n\n\n<\/div><\/div>\n\n\n\n <\/span>4.Escalabilidad y otros usos<\/span><\/h3>\n\n\n\nLos MBTiles son especialmente \u00fatiles en situaciones en las que :<\/p>\n\n\n\n \nEl rendimiento es una cuesti\u00f3n importante, ya que los mosaicos se pueden distribuir eficientemente utilizando un servidor de mosaicos optimizado.<\/li>\n\n\n\n Se desea distribuir un gran n\u00famero de mosaicos fuera de l\u00ednea o en un entorno sin conexi\u00f3n a Internet (mosaicos pregenerados almacenados en un \u00fanico archivo).<\/li>\n\n\n\n Los mosaicos se generan a partir de datos que cambian con frecuencia, y usted puede actualizarlos o sustituirlos con una interrupci\u00f3n m\u00ednima para los usuarios finales.<\/li>\n<\/ul>\n\n\n\n \n\n\n\n<\/span>Conclusi\u00f3n<\/span><\/h3>\n\n\n\nEl formato MBTiles se adapta muy bien a las aplicaciones Leaflet, ya que ofrece una soluci\u00f3n sencilla y eficaz para servir mosaicos geoespaciales, ya sean r\u00e1ster o vectoriales. Con una instalaci\u00f3n ligera y un servidor de mosaicos bien configurado, es f\u00e1cil mostrar mapas de alto rendimiento y gestionar grandes cantidades de datos geoespaciales.<\/p>\n","protected":false},"excerpt":{"rendered":" Introducci\u00f3n: \u00bfQu\u00e9 es el formato MBTiles? El formato MBTiles es un formato de archivo para almacenar mosaicos de mapas (r\u00e1ster o vectoriales) en una base de datos SQLite, un motor de base de datos ligero e…<\/p>\n","protected":false},"author":1,"featured_media":13825,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"give_campaign_id":0,"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"sfsi_plus_gutenberg_text_before_share":"","sfsi_plus_gutenberg_show_text_before_share":"","sfsi_plus_gutenberg_icon_type":"","sfsi_plus_gutenberg_icon_alignemt":"","sfsi_plus_gutenburg_max_per_row":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[3018],"tags":[3122,2939,3124,2054,3120,3126,1321,3128,3130,3132,2112],"class_list":["post-13821","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-webmapping-es","tag-flask-es","tag-leaflet-es","tag-mbtiles-es","tag-raster-es","tag-spatialite-es","tag-sqlite-es","tag-teselas","tag-tileserver-gl-es","tag-tileserver-php-es","tag-tilestache-es","tag-vector-es"],"aioseo_notices":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.sigterritoires.fr\/wp-content\/uploads\/2025\/05\/image_mbtiles_leaflet-2.jpg?fit=1024%2C1024&ssl=1","jetpack_shortlink":"https:\/\/wp.me\/p6XU0A-3AV","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.sigterritoires.fr\/index.php\/wp-json\/wp\/v2\/posts\/13821","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sigterritoires.fr\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.sigterritoires.fr\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.sigterritoires.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sigterritoires.fr\/index.php\/wp-json\/wp\/v2\/comments?post=13821"}],"version-history":[{"count":0,"href":"https:\/\/www.sigterritoires.fr\/index.php\/wp-json\/wp\/v2\/posts\/13821\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.sigterritoires.fr\/index.php\/wp-json\/wp\/v2\/media\/13825"}],"wp:attachment":[{"href":"https:\/\/www.sigterritoires.fr\/index.php\/wp-json\/wp\/v2\/media?parent=13821"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.sigterritoires.fr\/index.php\/wp-json\/wp\/v2\/categories?post=13821"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.sigterritoires.fr\/index.php\/wp-json\/wp\/v2\/tags?post=13821"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

<\/span>1. Las tablas principales<\/span><\/h3>\n\n\n\nSeg\u00fan la especificaci\u00f3n oficial (https:\/\/github.com\/mapbox\/mbtiles-spec<\/a>), un archivo .mbtiles contiene al menos<\/p>\n\n\n\n

<\/span>1. Las tablas principales<\/span><\/h3>\n\n\n\n
Seg\u00fan la especificaci\u00f3n oficial (https:\/\/github.com\/mapbox\/mbtiles-spec<\/a>), un archivo .mbtiles contiene al menos<\/p>\n\n\n\n