Leaflet Js - Implementing Gesture Handling To Enforce 2 Fingered Scrolling

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'. I want to implem

Solution 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