title: How to customize touch interaction on leaflet maps
body: <p>How to customize leaflet maps to disable one-finger scroll on mobile devices and add two finger scroll like google maps (see <a href="https://developers.google.com/maps/documentation/javascript/interaction" rel="noreferrer">https://developers.google.com/maps/documentation/javascript/interaction</a>)</p>
  
  <p>I think something like a listener on finger down and finger up and a custom overlay or sth. like that should help. But how to correctly integrate this as a plugin in leaflet?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;html&gt;
    &lt;head&gt;
      &lt;link href="https://unpkg.com/leaflet@1.0.2/dist/leaflet.css" rel="stylesheet"/&gt;
      &lt;script src="https://unpkg.com/leaflet@1.0.2/dist/leaflet.js"&gt;&lt;/script&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;div id="mapid" style="width: 600px; height: 400px;"&gt;&lt;/div&gt;
      &lt;script&gt;
        var mymap = L.map('mapid', {center: [48,9], zoom:8, layers: [L.tileLayer('//{s}.tile.openstreetmap.org/{z}/{x}/{y}.png')]});
      &lt;/script&gt;
    &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>