A leaflet plugin that allows users to download an image with a scaled-up version of the visible map.
- Opportunities:
- Compatible with Leaflet v1+.
- The ability to increase the area of the map without increasing.
- Simple layers will show on image.
- Tiles ssupport: OSM, MapBox, etc.
14.12.2021
- Add support multilayer export
NPM
npm install --save leaflet.bigimage
Step 1. Include the required js and css files in your document.
<link rel="stylesheet" href="dist/Leaflet.BigImage.min.css">
<script src="dist/Leaflet.BigImage.min.js"></script>Step 2. Add the following line of code to your map script
L.control.bigImage({position: 'topright'}).addTo(mymap);Step 3. You can pass a number of options to the plugin to control various settings.
| Option | Type | Default | Description |
|---|---|---|---|
| position | String | 'topright' | Position the print button |
| title | String | 'Get image' | Sets the text which appears as the tooltip of the control button |
| printControlLabel | String | '🖶' | Sets icon to the control button |
| printControlClasses | Array | [] | Sets classes to the control button |
| maxScale | Int | 10 | Max image scale |
| minScale | Int | 1 | Min image scale |
| inputTitle | String | 'Choose scale:' | Title before scale input |
| downloadTitle | String | 'Download' | Text on the download button |