Menu
I'm trying to find a good method for allowing end users to save Leaflet.js maps as a static image (e.g. PNG, JPG, etc.). Mapbox.js (built on top of Leaflet.js) provides a nice method, but I assume this requires having your maps hosted on Mapbox so that they have a Map ID through their API. Does anyone know how I can do this with a Leaflet.js map that cannot be called through an API? Such as my example here?
Thank you all! Eli
920
In the viewer tab, above the map, you will find an export button to save leaflets as an image.
The Leaflet JavaScript. Our initial JavaScript is pretty straightforward. All we are doing here is creating the map and adding a tile layer. The tile images are coming from the OpenStreetMap servers which are good for testing.
Leaflet is an open-source JavaScript library used for web mapping. The Leaflet library forms the basis of Mapbox.
Using the leaflet, we can render the map into an HTML element and we can set the marker on the map. Leaflet works efficiently across all major desktop and mobile platforms.
This thread is a bit dated, at the time of this answer, but there are a few leaflet plugins that appear to tackle this now.
Leaflet Print Plugins
172
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
