javascript - Leaflet达到minZoom后如何缩小容器？

Question

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

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

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

Answer 1

无法完成。

传单依赖 touch-action CSS property以防止浏览器捏缩放整个页面。

请注意，该属性没有值允许仅缩小缩小。 Leaflet只能整体启用/禁用捏缩放。

您可以禁用 touchZoom handler of the map通过运行诸如 map.touchZoom.disable() 或 map.on('zoomend', function(){ if (map.getZoom()===map.options.minZoom ) map.touchZoom.disable() }) 但这会禁用 Leaflet 中的所有捏缩放功能，并启用整个页面的所有捏缩放功能。