Leaflet.vectorgrid
| Project Name | Stars | Downloads | Repos Using This | Packages Using This | Most Recent Commit | Total Releases | Latest Release | Open Issues | License | Language |
|---|---|---|---|---|---|---|---|---|---|---|
| Awesome Vector Tiles | 1,991 | 9 days ago | 2 | cc0-1.0 | ||||||
| awesome implementations of the Mapbox Vector Tile specification | ||||||||||
| Leaflet Geoman | 1,865 |  | 3 | 11 | 4 days ago | 17 | May 20, 2022 | 40 | mit | JavaScript |
| 🍂🗺️ The most powerful leaflet plugin for drawing and editing geometry layers | ||||||||||
| Leaflet Realtime | 689 |  | 6 | 2 | 7 months ago | 13 | September 07, 2019 | 14 | isc | JavaScript |
| Put realtime data on a Leaflet map | ||||||||||
| Leaflet Omnivore | 556 |  | 55 | 4 | 2 years ago | 11 | November 17, 2016 | 23 | other | JavaScript |
| universal format parser for Leaflet & Mapbox.js | ||||||||||
| Leaflet.vectorgrid | 478 | | 43 | 18 | 2 years ago | 8 | August 28, 2017 | 102 | JavaScript | |
| Display gridded vector data (sliced GeoJSON or protobuf vector tiles) in Leaflet 1.0.0 | ||||||||||
| Osmbuildings | 478 | 2 | a year ago | 1 | May 20, 2017 | 8 | bsd-2-clause | JavaScript | ||
| OSM Buildings Classic 2.5D | ||||||||||
| Leafletplayback | 454 | a year ago | 1 | February 09, 2016 | 54 | other | JavaScript | |||
| This is a Leaflet plug-in that plays back points that have a time stamp synchronized to a clock. | ||||||||||
| Proj4leaflet | 449 |  | 100 | 44 | 3 years ago | 9 | August 14, 2017 | 11 | bsd-2-clause | JavaScript |
| Smooth Proj4js integration with Leaflet. | ||||||||||
| Mapstore2 | 412 |  | 2 | 20 hours ago | 6 | August 26, 2022 | 501 | other | JavaScript | |
| Modern webmapping with OpenLayers, Leaflet, Cesium and React | ||||||||||
| Leaflet.timeline | 303 |  | 1 | 1 | 2 years ago | 15 | June 26, 2020 | 36 | isc | TypeScript |
| Display arbitrary GeoJSON on a map with a timeline slider and play button | ||||||||||
Leaflet.VectorGrid
Display gridded vector data (sliced GeoJSON, TopoJSON or protobuf vector tiles) in Leaflet 1.0.0
Demos
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 |
Using
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:
<script src="https://unpkg.com/[email protected]/dist/Leaflet.VectorGrid.bundled.js"></script>
or, with the same caveats about bundled dependencies:
<script src="https://unpkg.com/[email protected]/dist/Leaflet.VectorGrid.js"></script>
Docs
This plugin exposes two new classes:
-
L.VectorGrid.Slicerfor displaying GeoJSON or TopoJSON data -
L.VectorGrid.Protobuffor displaying vector tiles from an online tile server
You can find the API documentation, and the explanation about the styling, at:
https://leaflet.github.io/Leaflet.VectorGrid/vectorgrid-api-docs.html
Dependencies
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.
Developing
Run npm install.
TODO
- Sub-panes for the tile renderers (to set the "z-index" of layers/features)
- More
<g>roups in SVG - Offscreen
<canvas>es in Canvas -
getBounds()support for the slicer (inherit/extrapolate from geojson data) - Parser for mapbox-like vector stylesheets
Motivation
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.
Legalese
"THE BEER-WARE LICENSE": [email protected] wrote this file. As long as you retain this notice you 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.
