Vector Tiles

to

Web Map

April 3, 2019

@pkeum

pkgeo.com

Title Text

CUGOS

Raster

  • Image format(png, jpg)
  • Styled before loading
  • Specific zoom levels

Vector

  • Protobuf format, includes geo data
  • Styled after loading
  • Unlimited zoom level

Map Tiles

Vector Tiles & Web Mapping

Raster Tiles

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

Vector Tiles

Packet of geographic data packaged into pre-defined, roughly-square shape tiles which vector data has been clipped to the boundaries of each tile... benefits of pre-rendered raster map tiles with vector map data"

From Wikipedia, the free encyclopedia

Raster vs Vector Tiles

 Credit: Sam Matthews

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 (mapbox vector tile)

Vector Tiles

  • Packet of Binary format geographic data
  • Clipped to the boundaries of each tile
  • Format for Easy to Store
  • Format for Distribution at Scale

 Credit: Sam Matthews

Vector Tiles

  • Very Compressed data

Vector Tiles can deliver the minimum amount of data your software needs with speed at scale with a low cost (Mapbox Spec v. 2)

 Credit: Sam Matthews

Smart Data!

Easy To Change!

Raster vs Vector Tiles

BOOM!!

Power of Vector Tiles

Five County Parcels Polygons - Demo 

  • King, Pierce, Snohomish, Island, Kitsap
  • 1.2 million polygons
  • shp 730 MB -> 90 MB vector tiles

Quick Demo 1

Power of Vector Tiles

Building Footprints Demo

 

WA Building Footprints -  3 million buildings

GeoJson 1.16GB --> 86.4 MB 

 

  • Source: 125 million computer generated building footprints by Microsoft  

WHOA!

Workflow

Tippecanoe

Tileserver-GL

Vector Tiles Workshop

WA URISA 2018

 (1) Preparing Data

GDAL/OGR

Geospatial Data Abstraction Library

Command line utilies for data processing and data translation

SHP --> GeoJSON

Convert shape file to GeoJson

(2) Creating Vector Tiles

Tippecanoe

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

How-to-use

GeoJSON --> *.mbtiles

(3) Rendering Vector Tiles

Tileserver-gl

Open Source Vector Tile server with options

Many Alternative Options

(4) Styling Vector Tiles

Maputnik

Free and Open Source visual style editor for designer and developers

  • ​Can Run locally

Mapbox Studio

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

"First do it, then do it right, then do it better."

 Credit: Lyzi Diamond

Doing is Learning, but...

Doing with mistakes?

It's still learning!

CUGOS

Cascadia 

Users

of 

Geospatial

Open 

Source

(Community)

Come Join US!

SO, Here We GO!

Maptime Seattle Google Doc