4.0.2 • Published 10 months ago

react-leaflet-pouchdb-tilelayer v4.0.2

Weekly downloads
51
License
MIT
Repository
github
Last release
10 months ago

react-leaflet-pouchdb-tilelayer

version

leaflet compatibility react-leaflet compatibility react compatibility pouchdb compatibility

React version of Leaflet.TileLayer.PouchDBCached

Installation

Install via NPM

npm i react-leaflet-pouchdb-tilelayer --save

OR

npm i react-leaflet-pouchdb-tilelayer@3.2.2-beta --save

Demo

https://codesandbox.io/p/sandbox/strange-field-t7l4ly

Usage with React-Leaflet v3

This plugin is compatible with version 2 of React-Leaflet

import { Map, TileLayer, LayersControl } from "react-leaflet";
import PouchDBTileLayer from "react-leaflet-pouchdb-tilelayer";

<Map center={[22.287, 114.1694]} zoom={15}>
  <LayersControl position="topleft">
    <LayersControl.BaseLayer checked name="PouchDBTileLayer">
      <PouchDBTileLayer
        useCache={true}
        crossOrigin={true}
        attribution='&copy; <a href="http://openstreetmap.org/copyright">OpenStreetMap</a> contributors'
        url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
      />
    </LayersControl.BaseLayer>
    <LayersControl.BaseLayer name="TileLayer">
      <TileLayer
        url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
        attribution='&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
      />
    </LayersControl.BaseLayer>
  </LayersControl>
</Map>;

Control options

position

{ useCache: true }

Enable the cache logic

saveToCache

{ saveToCache: true }

Save the map tile to PouchDB

useOnlyCache

{ useOnlyCache: false }

Load from PouchDB cache and do not download from web

cacheFormat

{ cacheFormat: 'image/png' }

The mine type

cacheMaxAge

{ cacheMaxAge: 3600000 }

cache age in millisecond unit

cacheNextZoomLevel

{ cacheNextZoomLevel: true }

pre-load and cache the next level tile

Development

  1. Clone the project
  2. Run npm install
  3. Run npm run build
  4. Start coding
4.0.1

10 months ago

4.0.2

10 months ago

3.3.0

2 years ago

3.2.2

2 years ago

3.2.1-beta

2 years ago

3.2.2-beta

2 years ago

3.1.0-beta

3 years ago

3.0.0-beta.1

3 years ago

3.0.0-beta.0

3 years ago

3.0.0-beta.3

3 years ago

3.0.0-beta.2

3 years ago

2.1.0-beta.1

5 years ago

2.0.0-beta.4

5 years ago

2.0.0-alpha.3

5 years ago

2.0.0-alpha.4

5 years ago

2.0.0-alpha.1

5 years ago

2.0.0-alpha.2

5 years ago

2.0.0-beta.2

5 years ago

2.0.0-beta.1

5 years ago

2.0.0-beta.3

5 years ago

1.5.0-beta.5

5 years ago

1.5.0-alpha.70

5 years ago

1.5.0-alpha.68

5 years ago

1.5.0-alpha.67

5 years ago

1.5.0-alpha.69

5 years ago

1.5.0-alpha.64

5 years ago

1.5.0-alpha.63

5 years ago

1.5.0-alpha.66

5 years ago

1.5.0-alpha.65

5 years ago

1.5.0-alpha.51

5 years ago

1.5.0-alpha.50

5 years ago

1.5.0-alpha.49

5 years ago

1.5.0-alpha.48

5 years ago

1.5.0-beta.4

5 years ago

1.5.0-alpha.60

5 years ago

1.5.0-alpha.62

5 years ago

1.5.0-alpha.61

5 years ago

1.5.0-alpha.57

5 years ago

1.5.0-alpha.59

5 years ago

1.5.0-alpha.53

5 years ago

1.5.0-alpha.52

5 years ago

1.5.0-alpha.55

5 years ago

1.5.0-alpha.54

5 years ago

1.5.0-alpha.29

5 years ago

1.5.0-alpha.40

5 years ago

1.5.0-alpha.39

5 years ago

1.5.0-alpha.38

5 years ago

1.5.0-alpha.35

5 years ago

1.5.0-alpha.34

5 years ago

1.5.0-alpha.37

5 years ago

1.5.0-alpha.36

5 years ago

1.5.0-alpha.31

5 years ago

1.5.0-alpha.30

5 years ago

1.5.0-alpha.33

5 years ago

1.5.0-alpha.32

5 years ago

1.5.0-alpha.46

5 years ago

1.5.0-alpha.45

5 years ago

1.5.0-alpha.47

5 years ago

1.5.0-alpha.42

5 years ago

1.5.0-alpha.41

5 years ago

1.5.0-alpha.44

5 years ago

1.5.0-alpha.43

5 years ago

1.5.0-alpha.28

5 years ago

1.5.0-beta.3

5 years ago

1.5.0-alpha.27

5 years ago

1.5.0-alpha.26

5 years ago

1.5.0-alpha.25

5 years ago

1.5.0-alpha.24

5 years ago

1.5.0-alpha.23

5 years ago

1.5.0-alpha.22

5 years ago

1.5.0-alpha.21

5 years ago

1.5.0-alpha.20

5 years ago

1.5.0-alpha.17

5 years ago

1.5.0-alpha.18

5 years ago

1.5.0-alpha.16

5 years ago

1.5.0-alpha.15

5 years ago

1.5.0-beta.2

5 years ago

1.5.0-beta.1

5 years ago

1.5.0-alpha.13

5 years ago

1.5.0-alpha.12

5 years ago

1.5.0-alpha.6

5 years ago

1.5.0-alpha.7

5 years ago

1.5.0-alpha.8

5 years ago

1.5.0-alpha.11

5 years ago

1.5.0-alpha.9

5 years ago

1.5.0-alpha.10

5 years ago

1.5.0-alpha.5

5 years ago

1.5.0-alpha.4

5 years ago

1.5.0-alpha.1

5 years ago

1.5.0-alpha.2

5 years ago

1.5.0-alpha.3

5 years ago

1.1.0

6 years ago

1.0.5

6 years ago

1.0.4

6 years ago

1.0.3

6 years ago

1.0.2

6 years ago

1.0.1

6 years ago

1.0.0

6 years ago