如何自定义传单地图以禁用移动设备上的单指滚动并添加两指滚动(如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/