如何解决关于 Angular 的传单:移动设备上的最大缩放不起作用
当尝试将图层的最大缩放设置为“14”时,传单控件会阻止在 14。但是当我尝试使用触控板或触摸屏上的手势时,似乎没有使用 maxZoom-property。
如何为所有类型的手势或控件设置 maxZoom?
这是我在我的层代码中使用的配置:
var humanitarianMap = new L.TileLayer(
"http://a.tile.openstreetmap.fr/hot/{z}/{x}/{y}.png",{
maxZoom: 19,attribution: "© OpenStreetMap",}
);
对我来说这似乎是一个错误 - 还是我忘记了什么?
解决方法
不确定您所描述的行为和考虑的错误。但是,如果您看到触摸用户仍然能够捏合缩放超出您预定义的地图 maxZoom
限制,并且当他们释放捏合缩放时,地图会恢复到最大缩放比例,那么这是预期的行为。大多数用户希望从他们的触摸交互中获得导航反馈,即使达到水平或缩放限制(想想 iOS 滚动弹跳行为)。
如果您想阻止这种特定行为,请使用 bounceAtZoomLimits
map option:
如果您不希望地图缩放超过最小/最大缩放,然后在捏合缩放时弹回,请将其设置为 false。
L.map("mapId",{
bounceAtZoomLimits: false
});
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。