gpt4 book ai didi

maps - 如何在传单 map 上自定义触摸交互

转载 作者:行者123 更新时间:2023-12-04 02:09:21 25 4
gpt4 key购买 nike

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

我认为类似于手指向下和手指向上的听众以及自定义覆盖或某事。这样应该会有所帮助。但是如何正确地将其作为插件集成到传单中?

<html>
<head>
<link href="https://unpkg.com/leaflet@1.0.2/dist/leaflet.css" rel="stylesheet"/>
<script src="https://unpkg.com/leaflet@1.0.2/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 mapfalse ,但请务必保留 touchZoom optiontrue .这将禁用单指拖动,同时允许用户用两根手指执行捏缩放,这也会平移 map 。

如果您希望仅在移动设备中使用此行为,请使用 L.Browser.mobile 设置 dragging 的值选项,如

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

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

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com