Display gridded vector data (sliced GeoJSON or protobuf vector tiles) in Leaflet 1.0
npm install leaflet.vectorgrid
Display gridded vector data (sliced GeoJSON, TopoJSON or protobuf vector tiles) in Leaflet 1.0.0
| | |
| --- | --- |
| demo-geojson.html | Sliced GeoJSON |
| demo-topojson.html | Sliced TopoJSON (sorry for the antimeridian mess, topojson-to-geojson seems to not handle it properly) |
| demo-vectortiles.html | Protobuf vector tiles: OpenMapTiles, MapBox, MapZen or even ESRI vector tiles |
| demo-points.html | Clickable points and lines |
| demo-points-icons.html | Points as icons |
If you use npm:
``
npm install leaflet.vectorgrid
That will make available two files: dist/Leaflet.VectorGrid.js and dist/Leaflet.VectorGrid.bundled.js.
The difference is that dist/Leaflet.VectorGrid.bundled.js includes all of VectorGrid's dependencies:
* geojson-vt (Under ISC license)
* pbf (Under BSD license)
* topojson (Under BSD license)
* vector-tile (Under BSD license)
If you are adding these dependencies by yourself, use dist/Leaflet.VectorGrid.js instead.
If you don't want to deal with npm and local files, you can use unpkg.com instead:
`
or, with the same caveats about bundled dependencies:
This plugin exposes two new classes:
* L.VectorGrid.Slicer for displaying GeoJSON or TopoJSON dataL.VectorGrid.Protobuf
* for displaying vector tiles from an online tile server
You can find the API documentation, and the explanation about the styling, at:
http://leaflet.github.io/Leaflet.VectorGrid/vectorgrid-api-docs.html
L.VectorGrid.Slicer requires geojson-vt: the global variable geojsonvt must exist. If topojson data is used, then the topojson global variable must also exist.
L.VectorGrid.Protobuf requires vector-tile and pbf: the global variables VectorTile and Pbf must exist.
By default, VectorGrid is built with those dependencies bundled.
Run npm install.
* Sub-panes for the tile renderers (to set the "z-index" of layers/features)
* More roups in SVG
* Offscreen
Before VectorGrid, loading vector tiles in Leaflet could only be done with the
Leaflet.MapboxVectorTile or the Hoverboard plugin, but neither of those works with
Leaflet 1.0.0 (or greater).
VectorGrid leverages the GridLayer feature introduced in Leaflet 1.0.0.
----------------------------------------------------------------------------
"THE BEER-WARE LICENSE":
can do whatever you want with this stuff. If we meet some day, and you think
this stuff is worth it, you can buy me a beer in return.
----------------------------------------------------------------------------