A leaflet plugin that allows users to download an image with a scaled-up version of the visible map.
14.12.2021
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 |