@daczczcz1/leaflet-areaselect v1.1.1
Note: This is only a fork of a working library made into an npm package for my own convenience. There is no guarantee that it will be up to date with the original (although it seems not to be mantained anymore), will be compatible with current version of Leaflet, will not crash, will not bring the apocalypse, will not pee in your sink. You've been warned
==================
Leaflet AreaSelect
AreaSelect is a leaflet plugin for letting users select a square area (bounding box), using a resizable centered box on top of the map.
.. image:: https://s3-eu-west-1.amazonaws.com/heyman.info/screenshots/leaflet-areaselect.jpg :alt: longitude.me
=================
Installing
.. code-block:: bash
npm install @daczczcz1/leaflet-areaselect
Example Code
.. code-block:: javascript
// Add it to the map
var areaSelect = L.areaSelect({width:200, height:300});
areaSelect.addTo(map);
// Read the bouding box
var bounds = areaSelect.getBounds();
// Get a callback when the bounds change
areaSelect.on("change", function() {
console.log("Bounds:", this.getBounds());
});
// Set the dimensions of the box
areaSelect.setDimensions({width: 500, height: 500})
// And to remove it do:
//areaSelect.remove();
You can also make it keep the aspect ratio:
.. code-block:: javascript
var areaSelect = L.areaSelect({width:200, height:300, keepAspectRatio:true});
See it in action
Check out the bundled example <http://heyman.github.com/leaflet-areaselect/example/>
,
or this JSFiddle <http://jsfiddle.net/heyman/3N2DN/>
where I've set keepAspectRatio:true.
Credits
Original AreaSelect is developed by Jonatan Heyman <http://heyman.info>
_.
Author
This fork is mantained by Daniel Czosnek
License
MIT License