Leaflet JS - Implementing Gesture Handling to enforce 2 fingered scrolling

Question

You know when you\'re on a mobile device and you scroll down a web page which has a google map. The map goes dark and tells you \"Use two fingers to move the map\".

<

Answer 1

The key to this was ensuring that dragging, tap and scrollWheelZoom are disabled when intitializing the map.

Then temporarily re-enabling them when 2 fingered dragging, or scrolling with command or ctrl key is detected.

I've now packaged this solution into a leaflet plugin.

https://github.com/elmarquis/Leaflet.GestureHandling