地图和移动缩放问题

Question

我在移动设备上使用地图时遇到的一个问题是，有时当我试图放大地图时，我会改为放大视口--这样地图和文本就会变得更大。这主要发生在外出走动时无意中双击，但有时也会发生在收缩缩放。这意味着我的控件(在视口的底部)消失。这可能是相当棘手的(收缩)缩小视口，以获得我的应用程序的完整视图。

通过在元数据中插入user-scalable=no，这个问题很容易解决，如下所示：

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

但显然这是一个禁忌：http://www.w3.org/TR/mobile-accessibility-mapping/#zoom-magnification第1.4.4节

我的应用是基于订阅的，我认为无意中缩放视口的问题比不允许订阅者缩放视口更糟糕。所以我暂时放弃了"user-scalable=no“，但是我很好奇用户是否可以说可以在表单上增加缩放，而不是在地图上。

提前感谢Mini

Answer 1

简单:不要把你的地图和其他内容混在一起。当您想要缩放地图时，将地图设置为全屏，然后在地图不是整个屏幕时关闭地图缩放。

没有其他方法，因为当您缩放地图时，您需要调用preventDefault，这也会禁用缩放的标准收缩。

Answer 2

请注意，文档中说it not，it

此元元素的用户可伸缩和最大比例属性的

限制性值应避免。

当我们有一个web应用程序时，我们确实想让控件停留在底部的，当我们收缩缩放视口时，就像一个标准的web浏览器在我们放大内容时总是让它的菜单栏可见一样。网络应用控件不是content的一部分。

然后，你可以对整个窗口的视窗大小有一个限制，只要你的主要内容(这里的地图)是可缩放的。

这将要求您的内容始终在iframe中，并且对其可伸缩性没有限制。

你的can (也应该是？)最好考虑在控件中使用小于初始内容文本大小的200%的字体，以满足WCAG的建议(或者必须？当然)。