如何自定义传单地图以禁用移动设备上的单指滚动并添加两指滚动(如Google地图)(请参见https://developers.google.com/maps/documentation/javascript/interaction

我认为像是听者的手指向下和手指向上,以及自定义的叠加或其他功能。这样应该会有所帮助。但是,如何将其正确集成为传单中的插件?



<html>
  <head>
    <link href="https://unpkg.com/[email protected]/dist/leaflet.css" rel="stylesheet"/>
    <script src="https://unpkg.com/[email protected]/dist/leaflet.js"></script>
  </head>
  <body>
    <div id="mapid" style="width: 600px; height: 400px;"></div>
    <script>
      var mymap = L.map('mapid', {center: [48,9], zoom:8, layers: [L.tileLayer('//{s}.tile.openstreetmap.org/{z}/{x}/{y}.png')]});
    </script>
  </body>
</html>

最佳答案

只需将dragging option of your map设置为false,但请确保将touchZoom option保留为true。这将禁用单指拖动,同时允许用户用两根手指进行捏缩放,这也将在地图周围平移。

如果仅在移动设备中需要此行为,请使用L.Browser.mobile设置dragging选项的值,如下所示:

var map = L.map('map', { dragging: !L.Browser.mobile });

关于maps - 如何在传单 map 上自定义触摸交互,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/41622980/

10-13 02:25