Skip to main content
SimilarExport ZIP
100%

MBTiles server

✓ Published0🌍 Public
TThomasG77
Last edited Jul 15, 2021
Created on Jul 15, 2021

This example demonstrates serving map tiles from MBTiles files through multiple server-side implementations. It shows how raster and vector tile data can be exposed via HTTP endpoints using PHP libraries like Tileserver-PHP and MBTiles-PHP, Node.js tools such as Tileserver GL and TileStream, the Go-based mbtileserver, and Python’s python-mbtiles. The code highlights different rendering and delivery approaches, from static raster tiles to server-side vector tile processing, without relying on client-side visualization APIs like d3.geoPath or WebGL. The data source is the MBTiles format, a SQLite-based container for tiled map data.

AI-generated description

MBTiles server

PHP

NodeJS

Golang

Python

Similar vizzes

Loading thumbnail…

Gist 9496726

This example displays a MapBox base map using a GDAL WMS configuration that defines a TMS service, projecting the entire world in EPSG:3857 with tile levels up to 18. The XML file specifies the server URL, data window boundaries, and 256x256 pixel blocks with three color bands, effectively rendering satellite or street imagery as a raster layer. The visualization relies on GDAL’s WMS driver to fetch tiles from MapBox’s servers, with a cache enabled for performance. It does not use JavaScript libraries like d3 or Three.js, focusing instead on a server-side tile definition for seamless map display.

RRCura
64% match
Loading thumbnail…

Generate vector tiles for Planet with tilemaker

This example demonstrates a command-line workflow for generating vector tiles from the entire OpenStreetMap planet dataset using tilemaker. It shows how to automate the process of downloading planet-latest.osm.pbf, compiling tilemaker from source, and producing a planet.mbtiles output using the OpenMapTiles configuration and Lua processing scripts. The script also periodically checks the dataset’s last-modified header via curl to trigger regeneration only when new updates exist. External resources like Natural Earth landcover and coastline polygons are fetched and merged into the tile pipeline.

TThomasG77
63% match
Loading thumbnail…

Node.js server for composing map tiles using modestmaps.js

This example demonstrates a Node.js server that dynamically composes map tiles into a single static image. The HTTP endpoint `/map` accepts zoom, latitude, longitude, width, and height parameters, then uses the modestmaps.js library to calculate which tiles are needed, fetches them via the `get` library, and draws them onto a Canvas using the `canvas` package. The OpenStreetMap tile provider is referenced directly, and the final composite is returned as a PNG.

RRandomEtc
63% match
Loading thumbnail…

Recette génération tuiles monde OpenMaptiles

This example demonstrates how to generate global vector tile sets using OpenMapTiles and Planetiler, processing the entire OpenStreetMap planet file. The code runs Planetiler through Docker with 40GB of Java heap memory, using sparse array node mapping and memory-mapped storage to handle the large dataset efficiently. After generating the output MBTiles file, the script updates its metadata with SQLite commands to set proper attribution, center coordinates, and description for the tiles. The workflow relies on Docker, Planetiler, and sqlite3, with optional pre-downloading of the planet PBF file from OpenStreetMap.

TThomasG77
62% match
Loading thumbnail…

Vector Tiles

This interactive map displays vector tiles of road networks from OpenStreetMap, rendered as SVG paths. It uses Mapzen’s vector tile API to load road data, and d3.geoMercator’s projection with a d3.tile-based tile system to fetch and display 256×256 tiles. The visualization supports pan and zoom via d3.zoom, with a matrix3d transform for scaling and translation. Mouse movement updates a location readout showing latitude and longitude, computed by inverting the projection.

Mmbostock
62% match
Loading thumbnail…

A Modest Maps provider for OpenStreetMap in Processing

This example builds a Processing sketch using the Modest Maps library to display OpenStreetMap tiles. It shows how to create a custom map provider by extending `AbstractMapProvider` and specifying tile URL templates. The code uses a `MercatorProjection` with a specific transformation and randomly selects a subdomain (a, b, or c) for each tile request, fetching 256×256 PNG images from `tile.openstreetmap.org`. This demonstrates the integration between Processing, Modest Maps, and live OpenStreetMap tile data.

RRandomEtc
61% match
Loading thumbnail…

Leaflet - MapTiles

This example shows a full-screen interactive map that allows the viewer to switch between dozens of different tile layers, ranging from satellite imagery and street maps to terrain, watercolor, and dark matter styles. The code uses the Leaflet library to render the map and manage layer switching, while pulling tile URLs and attribution strings from the viz.js `viz.leaflet.tiles` API. It includes base layers from providers such as OpenStreetMap, Thunderforest, Stamen, Esri, and CartoDB, demonstrating how to assemble a multi-provider tile switcher in a single HTML page.

NNPashaP
61% match
Loading thumbnail…

Tile Viewer

This example shows a zoomable map interface where the user can pan and zoom across geographic tiles. It displays each tile as a numbered 256-by-256-pixel square with a red border and its coordinates as text, updating the visible grid as the viewport changes. The code uses d3.geo.tile, d3.geo.mercator, and d3.behavior.zoom, applying a CSS 3D matrix transform to reposition tiles during zoom events. It relies on a gist by mbostock and the d3.v3 library, with tile positions computed from the current zoom scale and translation.

Mmbostock
61% match