Mapbox 在 iphone (IOS 10.3.1) safari 和 Chrome 上没有响应触摸事件，但在 Google 搜索上有响应答案

【问题标题】：Mapbox not responding to touch events on iphone (IOS 10.3.1) safari and Chrome but does on Google SearchMapbox 在 iphone (IOS 10.3.1) safari 和 Chrome 上没有响应触摸事件，但在 Google 搜索上有响应
【发布时间】：2017-04-10 20:25:20
【问题描述】：

我创建了一个显示自己的图块的 mapbox 地图，这在桌面上可以正常工作。当我在移动设备上尝试（使用 IOS IOS 10.3.1 的 iPhone）Safari 时，地图显示正常，但触摸似乎不起作用（平移或放大/缩小）。如果我使用导航控件（+，-）来放大或缩小，地图显示数据就好了。

我想知道是否有人遇到过类似的问题？

我正在使用 'Mapbox gl js' 版本 0.34.0：

<script src='https://api.mapbox.com/mapbox-gl-js/v0.34.0/mapbox-gl.js'></script>
<link href="https://api.mapbox.com/mapbox-gl-js/v0.34.0/mapbox-gl.css" rel="stylesheet" />

我注意到一件奇怪的事情，在浏览器中，地图右下方有一个“i”，但单击它以显示任何信息似乎没有任何作用。可能那个“我”有什么意思吗？

如果我使用 Chrome 在同一部 iPhone 上显示相同的地图，我会遇到同样的问题，但使用“Google 搜索”可以正确显示地图并通过显示数据来响应触摸。

【问题讨论】：

“i”是用来扩展地图属性信息，通常是 OpenStreetMap。听起来你应该在 github.com/mapbox/mapbox-gl-js/issues 报告这个问题

标签： iphone mobile-safari mapbox mapbox-gl-js mobile-chrome

【解决方案1】：

谢谢史蒂夫。我找到了问题的根源。我在 .html 代码中有这一行：

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

改成之后：

<meta name="viewport" content="width=device-width, initial-scale=1.0">

我现在可以在我的移动设备上缩放和平移我的地图了。元“视口”属性“最大规模”和/或“用户可扩展”正在阻碍。

【讨论】：