react-redux-leaflet

Use Leaflet seamlessly in a react/redux powered app

Usage no npm install needed!

<script type="module">
  import reactReduxLeaflet from 'https://cdn.skypack.dev/react-redux-leaflet';
</script>

README

WORK IN PROGRESS

Status

  • Core <LmapLite> react component
  • defaultLayers prop support
  • layers prop support
  • Simple usage example
  • Core <Lmap> react component connected to Redux store
  • Basic actions & action creators
  • Redux store works and updating
  • Advanced actions & action creators for Redux
  • Advanced map state to store (bounds etc)
  • zoomAround, etc
  • Selector creators
  • More examples
  • Tests

Docs plan:

  • Create a local tiled map storage
  • Create gh-pages site stub
  • API Overview
  • LmapLite component
  • Lmap component
  • Redux store structure
  • Action list
  • NSS data
  • Leaflet Map API --> react-redux-leaflet API mappings
  • Full working LmapLite component with all props to change & events to subscribe to.
  • Full working Lmap component with all props & events & action creators.

How to run the example

git clone https://github.com/burmisov/react-redux-leaflet
cd react-redux-leaflet
npm install
npm run example

Open http://localhost:3000