在我们的一个主页上,Leaflet地图占据了页面的90%,只有顶部导航(位置:固定;)
但是在触摸设备上,用户可能会意外地放大地图而不是放在整个页面上。如果他们这样做 - 他们无法取消缩放以查看顶部导航,因为任何触摸操作都会放大地图。
理想情况下,我尝试找到解决方案,以便在Leaflet达到minZoom级别后页面会缩小。欢迎任何其他想法!谢谢!
答案 0 :(得分:0)
无法完成。
Leaflet依赖touch-action
CSS property来阻止浏览器缩放整个页面。
请注意,该属性没有任何值可以捏缩放仅。 Leaflet只能启用/禁用整个缩放。
您可以通过运行map.touchZoom.disable()
或map.on('zoomend', function(){ if (map.getZoom()===map.options.minZoom) map.touchZoom.disable() })
之类的内容来停用touchZoom
handler of the map,但这会禁用Leaflet中的所有捏缩放,并启用全部整页缩放。