Leaflet.AlmostOver

KO | EN

gitlite — search

#php #hacktoberfest #java #ruby #javascript #python #shell #wordpress #open-source #utilities #c #data-structures

Leaflet.AlmostOver

★ 77 Open GitHub ↗

Trigger mouse events when cursor is "almost" over a layer

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

Leaflet.AlmostOver
==================

This plugin allows to detect mouse click and overing events on lines,
with a tolerance distance.

It is useful if paths are drawn with a very small weight, or for clicks
detection on mobile devices, for which finger precision can be a problem.

Play with [online demo](http://makinacorpus.github.io/Leaflet.AlmostOver/).

It requires [Leaflet.GeometryUtil](https://github.com/makinacorpus/Leaflet.GeometryUtil/).

[![Build Status](https://travis-ci.org/makinacorpus/Leaflet.AlmostOver.png)](https://travis-ci.org/makinacorpus/Leaflet.AlmostOver)

Usage
-----

```javascript

var map = L.map('map');
    ...
    var lines = L.geoJson(...);
    ...
    map.almostOver.addLayer(lines);

map.on('almost:over', function (e) {
        alert('Almost clicked !');
    });

```

### Events ###

Events triggered when mouse is almost over a layer :

* **almost:over** (latlng, layer)
* **almost:move** (latlng, layer)
* **almost:out** (layer)
* **almost:click** (latlng, layer)
* **almost:dblclick** (latlng, layer)

### Caveats ###

If the layer has many features, this plugin can slow down 'panning' performance, as, by default, it process 'mousemove' events. If only 'almost:click' or 'almost:dblclick' are needed, and 'almost' events related to 'mousemove' events are not needed, they can be disabled with `almostOnMouseMove` map option.

```javascript

var map = L.map('map', {
      almostOnMouseMove: false,
    });
    ...
    var lines = L.geoJson(...);
    ...
    map.almostOver.addLayer(lines);

map.on('almost:click', function (e) {
        alert('Almost clicked !');
    });

```

Authors
-------

[![Makina Corpus](http://depot.makina-corpus.org/public/logo.gif)](http://makinacorpus.com)

Leaflet.AlmostOver

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README