Create a map screenshot

Question

How can I generate a div image, div contains a leaflet map (base layers, overlays)?

Answer 1

Mapbox leaflet-image plugin allows you to throw out the image file of your client-container card. You need to use canvas mode, as seen in their instructions. A more attractive server-side approach would include the use of Mapfish / Geoserver and an elevator poster , which has much more flexibility, but also a lot more configuration.

Answer 2

In the project, I launched the api nodejs rest API, which launches a chromium instance using puppeteer, takes a screenshot of the map using long lat, and then returns the image as base64. Perhaps it would be more efficient to generate a server-side image of the map using a flyer or something else rather than taking a screenshot of the browser.

https://github.com/lastlink/re-store/tree/master/webscraper