Skip to content

nextzen/d3-vector-tiles

 
 

Repository files navigation

d3-vector-tiles

Adapting d3.geo.tile to show Mapzen vector tiles

Live demo: http://mapzen.github.io/d3-vector-tiles

d3-vector-tiles-demo screenshot

Demos

There are three demos, one per vector tile format.

Recommended pairings

  • D3 works best with TopoJSON tiles
  • Tangram JS works best with TopoJSON tiles
  • Tangram ES works best with MVT tiles
  • Mapbox Studio works best with MVT tiles

Format pros & cons

  • TopoJSON tiles have comparable file size to MVT (they are compressed during server-client requests) and is better for JS based web development.
  • MVT offers smallest absolute file size in a binary format ideally suited for mobile applications (fastest processing time in native code, slower processing time in web browsers), but hard to debug.
  • GeoJSON is useful for debugging as it's more human readable than the other formats (not recommended for production).

To run locally:

Download this repo, then start a web server in its directory:

python -m SimpleHTTPServer 8000

If that doesn't work, try:

python -m http.server 8000

Then navigate to: http://localhost:8000

Releases

No releases published

Packages

No packages published

Languages

  • HTML 51.7%
  • JavaScript 33.9%
  • CSS 14.4%