react-leaflet-map-screenshot

React Leaflet hook which takes a screenshot of a Leaflet map. Uses html-to-image.

This is influenced by leaflet-simple-map-screenshoter, in fact it takes a couple of things directly from it - waiting for interactions to finish and an array of elements to hide before taking a screenshot.

I had some issues with that addon, although I think it was mainly with dom-to-image which it used. I have created this to simplify further the process of capturing a leaflet map as a screenshot, but also using more recent libraries.

Install

npm install react-leaflet-map-screenshot --save

Usage

import useMapScreenshot from 'react-leaflet-map-screenshot'

const screenshoter = useMapScreenshot()
const screenshot = await screenshoter.takeScreenshot('png')