Angular 传单：移动设备上的 Max-Zoom 不起作用

Question

当尝试将图层的最大缩放设置为“14”时，传单控件在 14 处阻塞。但是当我尝试在触控板或触摸屏上使用手势时，似乎没有使用 maxZoom 属性。

如何为所有类型的手势或控件设置最大缩放？

这是我在代码中为我的层使用的配置：

    var humanitarianMap = new L.TileLayer(
      "http://a.tile.openstreetmap.fr/hot/{z}/{x}/{y}.png",
      {
        maxZoom: 19,
        attribution: "© OpenStreetMap",
      }
    );

这对我来说像是一个错误 - 还是我忘记了什么？

Answer 1

不完全确定您所描述的行为和考虑的错误。但是，如果您看到触摸用户仍然能够在预定义的地图maxZoom 限制之外捏缩放一点，并且当他们释放捏缩放时，地图会返回到最大缩放，那么这是预期的行为。大多数用户希望从他们的触摸交互中获得导航反馈，即使达到水平或缩放限制（想想 iOS 滚动反弹行为）。

如果您想阻止这种特定行为，请使用bounceAtZoomLimits map option：

如果您不希望地图缩放到最小/最大缩放范围之外，然后在捏缩放时反弹回来，请将其设置为 false。

L.map("mapId", {
  bounceAtZoomLimits: false
});