DIY OSM PBF vector tiles - State of the Map 2013
-
Upload
osmfstateofthemap -
Category
Technology
-
view
1.065 -
download
3
description
Transcript of DIY OSM PBF vector tiles - State of the Map 2013
DIY OSM PBF VECTOR TILESNorbert Renner (ikonor)
DIY OSM PBF VECTOR TILESA simple, do-it-yourself solution of generating your own
vector tiles and using them in the Browser with Leaflet - nodatabase and no special vector tile server needed.
WORK IN PROGRESSVery alpha and inefficient right now, so it's slow and might
also crash your Browser.
By Spinoziano (Own work) [Public domain], via Wikimedia Commons
VECTOR TILES“Vector tiles are a way to deliver geographic
data in small chunks to a browser or otherclient app. Vector tiles are similar to rastertiles but instead of raster images the datareturned is a vector representation of the
features in the tile.”
http://wiki.openstreetmap.org/wiki/Vector_tiles
PBF FORMATProtocolbuffer Binary Format
http://wiki.openstreetmap.org/wiki/PBF_Format
alternative to the XML formatfile extension *.osm.pbf30% smaller than a bzipped planet6x faster to read than a gzipped planet(not with JavaSript/Browser?)
MOTIVATIONalready global Mapnik Vector Tiles by Michal Migurski
but: optimized for Rendering
I WANT THE RAW THING!as in editors, but larger areain the Browserinteractivity (on hover)
FUTUREJOSM MapCSS StylesFilteringITO Map-like highlighting (e.g. Maxspeed)
MAPSPLITJava PBF splitter tool
by PedaB
http://wiki.openstreetmap.org/wiki/Mapsplit
zoom 13 onlyunclipped (complete ways)
OSM-PBF.JSJavaScript PBF reader part from visual trip planner
by Brandon Martin-Anderson
https://github.com/nrenner/osm-pbf.js
for node.jsbrowserify with additions for BrowserTyped Arrays for reading binary data
probably will replace with / osm-read ProtoBuf.js
OSM-PBF-LEAFLEThttps://github.com/nrenner/osm-pbf-leaflet
Builds Leaflet vector features from PBF, derived from leaflet-osm
by John Firebaugh
LEAFLET-TILELAYER-VECTORVector tile layer for Leaflet
forked from leaflet-tilelayer-geojsonby Glen Robertson and Nelson Minar, Alex Barth, Pawel Paprota, Mick Thompson
https://github.com/nrenner/leaflet-tilelayer-vector
overzoom > 13handle unclipped tiles (deduplicate)Web Workers for parallel PBF reading
MAPSPLIT MAPhttps://github.com/nrenner/mapsplit-map
The final application
DEMO
(best viewed with Chrome/Chromium, Firefox should also work)http://norbertrenner.de/osm/mapsplit-map/
LINKS & CONTACTGitHub: nrenner/mapsplit-mapOSM: ikonorTwitter: @ikonor