Using with Leaflet

Leaflet is the leading open-source JavaScript library for mobile-friendly interactive maps.

You can add vector tiles using Leaflet.VectorGrid plugin. You must initialize a VectorGrid.Protobuf with a URL template, just like in L.TileLayers. The difference is that you should define the styling for all the features.

L.vectorGrid .protobuf('http://localhost:3000/points/{z}/{x}/{y}', { vectorTileLayerStyles: { 'points': { color: 'red', fill: true } } }) .addTo(map);