Using open source tools to create vector tile and webmap

November 1, 2017

Peter Keum

King County WTD GIS Specialist

 

SeattleMaptime

CUGOS

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

Another new new thing???

Doing is Learning, but...

Doing it badly?

It's still learning!

Raster

  • Image format
  • Styled before loading
  • Specific zoom levels

Vector

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

Map Tiles

Raster Tiles

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

Power of Vector Tiles

Five County Parcels Polygons

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

WA Building Footprints - 1 million buildings

  • Source: 9.8 million building by Microsoft hand digitized footprint with heights 

Quick Demo

WHOA!

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!

Raster & Vector Tiles

Preparing

Data

Creating

Vector Tiles

Styling/Rendering

Vector Tiles

Preparing Data

Geospatial Data Abstraction Library

Command line utilies for data processing and data translation

How to convert shp to geojson

Creating Vector Tiles

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

GeoJSON --> *.mbtiles

Styling Vector Tiles

Free visual style editor for designer and developers

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

Rendering Vector Tiles

Open Source Vector Tile server with options

Preparing

Data

Creating

Vector Tiles

Styling Vector Tiles

Rendering Vector Tiles

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

THANK YOU!

peter.keum@kingcounty.gov

@pkeum

github.com/keum