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

WA URISA 2018

 (1) Preparing Data

Geospatial Data Abstraction Library

Command line utilies for data processing and data translation

Convert shape file to GeoJson

(2) Creating Vector Tiles

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

GeoJSON --> *.mbtiles

(3) Rendering Vector Tiles

Open Source Vector Tile server with options

(4) Styling Vector Tiles

Free and Open Source visual style editor for designer and developers

  • ​Can Run locally

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!

Cascadia 

Users

of 

Geospatial

Open 

Source

Come Join US!

SO, Here We GO!

Seattle Maptime Vector Tiles to Web Map - April 3, 2019

By Peter Keum

Seattle Maptime Vector Tiles to Web Map - April 3, 2019

This presentation is for Maptime Seattle April 3, 2019. Updated presentation from Oct 2017 Vector Tiles Seattle Maptime. Presentation on creating vector tiled basemap using open source tools. using local data to generate vector tiles and create webmap. Using gdal/ogr, tippecanoe and tileserver-gl server to create and serve vector data and web map.

  • 1,608