自幹向量圖磚

謝晉凡 2019/08/18

捲起袖子前你需要知道的事...

About Me

話說從頭...

So...什麼是向量圖磚？

​

Who is the big boss?

https://osmcha.mapbox.com/

向量資料 - Vector

Not you ! Raster

Vector !

先來講講圖磚 (Tiles)

• WGS 84 / Pseudo-Mercator -> 將地球投影成正方形
• 台灣涵蓋範圍 z8~z14 = 6 * (4^6) = 24,000

z = 1

z = 8

所謂向量圖磚（Vector TIles）

• 含有向量資料的地圖
• 包含原始（或加工過）的資料
• 將大量資料經過切片細分
• 優點
• 較好的使用者體驗
• 在客戶端進行渲染
• 圖磚檔案容量較小（通常情況下...）
• 一種格式，能用於多種用途
• 遵守 MBTiles specs 1.3 (only MVT)

image from: https://blog.woosmap.com

什麼時候適合用向量圖磚？

• 時間有限、網路流量有限 (Tile)
• 要呈現的資料很大時 (Tile)
• 要呈現的資料空間尺度很大時 (Tile)
• 使用情境需要access原始資料時 (Vector)
• 使用者會拼命放大畫面時！！(Vector)
• 前端使用的技術，如：�Open Layer, Leaflet, Mapbox GL, Tangram ES

當然，格式百百種 （下面的看過就好...）

• MVT (Mapbox Vector Tile)
• VTM
• Geojson, Topojson
• Mapnik Vector Tile
• ArcJSON, GeoBSON, Arc GeoServices BSON, GeoAMF Arc GeoServices BSON

MVT 搞什麼東東？

• 使用Google Protobuffer技術壓縮
• 原則上還是json 檔案
• 需要decode
• 官方文件

動手找範例

• 關鍵字- �Mabox GL, examples, Glossary�
• 在mapbox/awesome-vecter-tiles中找個稱手的工具
• 這邊使用vt2geojson 來介紹...

​

產製流程大概是這樣...

• 把原始地理資料，依照自訂規則丟進資料庫 (osm2pgsql, imposm)
• 針對各個table作前處理 (PostGIS)
• 依照自訂規則對切片範圍進行query，把成果把打包成MVT�(Tilelive, TIlequeue)

Diff

那麼...哪裡才找得到（原始地理資料）呢？

• 偉大的德國人！ Geofabrik�http://download.geofabrik.de/asia/taiwan.html
• 政府資料開放平台�https://data.gov.tw/dataset/35430

最常見的工具鏈

最常見的工具鏈

Client

Mapbox style

Tangram scene

MVT生態 - Mapbox

MVT生態-Tilezen (Nextzen)

And then… OpenMapTiles （MapTiler）

• 開箱即用的工具鏈
• 完整細緻的Tile schema
• 流程 docker 化
• .org / .com
• 免費下載過期tile, 付費下載最新版本

Make your tiles with OpenMapTiles

• 182MB (z0 ~z14)
• with i5-8250U => 100min

全部docker化的工作流程

Not enough ? Serve it !

Well… a little heavy

Easy to use, with make and docker-compose

坑點之一 - 圖磚更新

• imposm -> 自己讀文件
• 什麼是sequence number ??�什麼是tile list ??
• 然後你就等到天荒地老...
• ​

取用OSM Diff 來更新

• 全球DIFF�https://planet.openstreetmap.org/replication/minute/
• 亞洲Diff�http://download.openstreetmap.fr/replication/asia/minute/�
• $ make update-minutly��

坑點之二 - Wikidata

• 使用Wikidata的「多語言」特性�完善OSM feature 的name欄位
• 怎麼做到的？ Dump 下來啊！
• 然後你就等到天荒地老...
• ​

$ make serve-taiwan��

​

自幹之外，你也有其它「商業」選擇

• Mapbox Tile Service
• Nextzen Tile Service
• Maptiler

Overwhelming?

• Complex mapping config for OSM data import
• 273 tables inside PostGIS
• Still, complex layer config for MVT
• 10G+ docker images and GBs border/water data
• I want an easy way to start ...

t-rex! Dinosaur Rules !

• GDAL backed, suport 56 vector formats
• Well documented, simple options
• Default configuation for developer
• Style in Maputnik, auto data import!
• All in one small docker image (305MB)

So… What’s next?

• OSM tags for hiking => https://osmtw.hackpad.tw/--0WDHc4HBSED
• Custom schema for unpaved paths
• Reasonable size => <20KB
• Frontend ? Not my business ^ ^

MVT - the next generation

• Real 3D features
• OSGeo support
• With real-time data (transportation)
• With visualization (Kepler)

Other Resources

Thanks

Offline Usage - MBTiles

​

• Based on the SQLite database
• Single file for a big set of tiles
• Work with Vector Tiles:
• Localhost
• Index DB + Service worker

講人話 !!

What are the Cons?

講人話 !!

Where to start? Mapbox Studio

Upload, and style it!

Get outdoor map with contour very quickly

But... be aware of the limits !

But... be aware of the limits !

The most important - OSM Data

• Need to update frequently
• Daily on Geofrabrick
• http://osm.kcwu.csie.org/download/tw-extract/recent/
• Keep OSM ID and tags

OSM2VectorTiles

• Workflow and vector tiles are Open Source
• Compatible with Mapbox products
• Mapbox streets, Mapbox studio
• Mapbox GL, Mobile SDKs
• No vendor lock-in
• Host tiles yourself
• offline support (MBTiles)

The roadmap to hell is paved with good intentions...

So what’s the problem?