Skip to content
This shows how you can use html2canvas to produce a PNG image of your Leaflet map
JavaScript PHP
Find file
Latest commit 82b3655 @tegansnyder Merge pull request #2 from ankeshanand/master
Add Proxy Support. Thanks @ankeshanand
Failed to load latest commit information.
Leaflet/dist first commit
ajax first commit
js first commit
README first commit
index.html Add a proxy support to work with cross-origin images
proxy.php Add proxy.php

README

Saving a Leaflet Map to a PNG Example using Javascript and PHP
=============================================================================

This is an example of taking a Leaflet map and saving it to a PNG.

To run the source example unzip the files into a directory on your webserver. 
Make sure to CHMOD the savedMaps directory 777.

Load it up in a web browser and click the "Save to PNG button". Give it a few seconds.


=============================================================================

Many thanks to:

html2canvas by Niklas von Hertzen
https://github.com/niklasvh/html2canvas

Jamund Ferguson
http://j-query.blogspot.com/2011/02/save-base64-encoded-canvas-image-to-png.html
Something went wrong with that request. Please try again.