Angular 上的传单：移动设备上的最大缩放功能不起作用

Question

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

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

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

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

我觉得这像是一个错误 - 或者我忘记了什么？

Answer 1

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

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

Set it to false if you don't want the map to zoom beyond min/max zoom and then bounce back when pinch-zooming.

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

Angular 上的传单：移动设备上的最大缩放功能不起作用

Leaflet on Angular: Max-Zoom on Mobile-Devices not working

javascript

dictionary

leaflet

angular