MBTiles to Static Tiles

This project provides a simple solution to generate static .pbf tiles from an MBTiles file and serves them using BrowserSync.

Prerequisites

• mbtiles, e.g. from https://github.com/lukasmartinelli/naturalearthtiles/releases/download/v1.0/natural_earth.vector.mbtiles

Setup and Usage

Step 1: Clone the repository.

Step 2: Install dependencies by running the following command in your project directory:

npm install

Step 3: Place your MBTiles file in the project directory and update the inputPath constant in mbtiles-to-static.js with the correct file name. Run the script using the following command:

npm run convert

This will convert the MBTiles to static .pbf files and save them in the ./static_tiles directory.

Step 4: Serve the static tiles using BrowserSync:

npm run serve

You can then access the served static tiles at http://localhost:8080.

Files

• mbtiles-to-static.js: Script to convert an MBTiles file to static .pbf files.
• middleware.js: Middleware for BrowserSync to set proper headers for serving .pbf files.