Leaflet到达minZoom后如何缩小容器?

时间:2017-02-26 16:22:03

标签: javascript html css leaflet webpage

在我们的一个主页上,Leaflet地图占据了页面的90%,只有顶部导航(位置:固定;)

但是在触摸设备上,用户可能会意外地放大地图而不是放在整个页面上。如果他们这样做 - 他们无法取消缩放以查看顶部导航,因为任何触摸操作都会放大地图。

理想情况下,我尝试找到解决方案,以便在Leaflet达到minZoom级别后页面会缩小。欢迎任何其他想法!谢谢!

1 个答案:

答案 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中的所有捏缩放,并启用全部整页缩放。