leaflet-doubletapdrag

Leaflet.DoubleTapDrag

This plugin adds doubletapdragstart, doubletapdrag and doubletapdragend map events on touch devices. It allows to handle double-tap and hold gesture.

This plugin is a base plugin for Leaflet.DoubleTapDragZoom, that implements double-tap-and-drag zoom feature for zooming in / out with one finger on touchscreen.

Demo: https://cherniavskii.github.io/Leaflet.DoubleTapDrag/

Usage

NPM

npm install --save leaflet-doubletapdrag

import L from 'leaflet';
import 'leaflet-doubletapdrag';

const map = L.map('map');

...
...
...

map.on('doubletapdragstart', (e) => {
  console.log('doubletapdragstart');
});

map.on('doubletapdrag', (e) => {
  console.log('doubletapdrag');
});

map.on('doubletapdragend', (e) => {
  console.log('doubletapdragend');
});

Loading from unpkg.com:

Add script to head:

<script src="https://unpkg.com/leaflet-doubletapdrag"></script>

Now it's ready to use:

const map = L.map('map');

...
...
...

map.on('doubletapdragstart', (e) => {
  console.log('doubletapdragstart');
});

map.on('doubletapdrag', (e) => {
  console.log('doubletapdrag');
});

map.on('doubletapdragend', (e) => {
  console.log('doubletapdragend');
});

Events

• doubletapdragstart - fired when user double-taps and holds finger on map
• doubletapdrag - fired when user moves finger without releasing it from screen
• doubletapdragend - fires when user releases finger from screen

Changelog

0.1.2 (2024-05-09)

• Relax leaflet peer dependency to support the latest version (#10) @wginsberg