leaflet-clicktolerance
TypeScript icon, indicating that this package has built-in type declarations

2.0.0 • Public • Published

Leaflet.ClickTolerance

Adds a clickTolerance option to canvas powered layers. Increases the clickable area of vector layers beyond their visible extent. Useful when the stroke width of your vector layer is too narrow to create an usable clickable area.

Modern Leaflet allows you te set a global tolerance on the renderer (Leaflet docs). This plugin could still be useful if you want to set different tolerances for individual layers.

Setup

Standalone

Include the javascript file on your page after Leaflet.

<script src="https://unpkg.com/leaflet-clicktolerance/src/index.js" />

Node

Import the leaflet-clicktolerance package.

import 'leaflet';
import 'leaflet-clicktolerance';

Usage

This plugin extends the Path options with a new option "clickTolerance". Set this option for layers you want to increase the clickable area of.

var layer = L.polyline([[0,0], [0,10]], {
    clickTolerance: 10,
});

Make sure you are using the canvas renderer

const map = L.map('map', {
    preferCanvas: true
});

or

const map = L.map('map', {
    renderer: new L.Canvas()
});

Dependencies (0)

    Dev Dependencies (3)

    Package Sidebar

    Install

    npm i leaflet-clicktolerance

    Weekly Downloads

    5

    Version

    2.0.0

    License

    MIT

    Unpacked Size

    8.59 kB

    Total Files

    10

    Last publish

    Collaborators

    • geoloep