Using open source tools to create vector tile basemaps

Using open source tools to create web map

Creating web maps with vector tiles

Vector tiles and the future of web maps

(Tobin Bradley)

Another new new thing???

Raster Tiles

• Don't Scale
• Hard to change
• Just Pictures, not data

Vector Tiles

Google Protocol Buffers

language-neutral, platform-neutral extensible mechanism for encoding structred data"

Similar to xml except smaller, faster and simpler

.pbf  or .mvt

Vector Tiles

Similar to raster tile except it returns vector representation of feature in the tile.

• Scales
• Easy to change
• Smart data

Easy to Change!

Smart Data!

Preparing Data

GDAL/OGR

Geospatial Data Abstraction Library

Command line utilies for data processing and data translation

SHP --> GeoJSON

How to convert shp to geojson

Creating Vector Tiles

Tippecanoe

Command-line Utility tool to convert custom data to vector tiles

How-to-use

GeoJSON --> *.mbtiles

Styling Vector Tiles

Maputnik

Free visual style editor for designer and developers

Mapbox Studio

Commercial visual style editor for designer and developers + so much more...

Rendering Vector Tiles

Tileserver-gl

Open Source Vector Tile server with options

Many Alternative Options

Preparing

Data

Creating

Vector Tiles

Styling Vector Tiles

Rendering Vector Tiles