react-leaflet-vector-layer

v0.1.8TypeScript

React Leaflet V3 layer for displaying vector tiles without need for access token.

react leaflet canvas typescript vector tile react-leaflet-v3

0/weekUpdated 3 years agoMITUnpacked: 7.1 KB

npm install react-leaflet-vector-layer

react-leaflet-vector-layer

Vector tile layer for React Leaflet V3. Tested with both Mapbox, Maptiler vector tiles and selfhosted vector tiles. Also works in conjunction with React Leaflet Layers Control.

Mapbox



import { MapContainer } from 'react-leaflet';

import VectorTileLayer from 'react-leaflet-vector-layer';



const App = () => {

  

          styleUrl="mapbox://styles/customstyles/ckpslkwor05q318mzmetjbv5z"

      accessToken="XXXX"

    />

  

}





Maptiler



import { MapContainer } from 'react-leaflet';

import VectorTileLayer from 'react-leaflet-vector-layer';



const App = () => {

  

          styleUrl="https://api.maptiler.com/maps/outdoor/style.json?key=XXXX"

    />

  

}

react-leaflet-vector-layer - npm explorer