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 Search
我创建了一个显示自己的图块的 mapbox 地图，这在桌面上工作正常。当我在移动设备上尝试时（Iphone 使用 IOS IOS 10.3.1）Safari 地图显示正常但触摸似乎不起作用（平移或缩放 in/out）。如果我使用导航控件（+，-）放大或缩小，地图显示数据就很好。
我想知道是否还有人 运行 遇到过类似的问题？
我正在使用 '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'，但是点击它显示任何信息似乎没有任何作用。可能 'i' 意味着什么？
如果我使用 Chrome 在同一个 iphone 上显示同一张地图，我会遇到同样的问题，但使用 'Google search' 可以正确显示地图并通过仅显示数据来响应触摸很好。
谢谢史蒂夫。我找到了问题的根源。
我在 .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">
我现在可以在我的移动设备上缩放和平移我的地图了。元 'viewport' 属性 'maximum-scale' and/or 'user-scalable' 妨碍了。
我创建了一个显示自己的图块的 mapbox 地图，这在桌面上工作正常。当我在移动设备上尝试时（Iphone 使用 IOS IOS 10.3.1）Safari 地图显示正常但触摸似乎不起作用（平移或缩放 in/out）。如果我使用导航控件（+，-）放大或缩小，地图显示数据就很好。
我想知道是否还有人 运行 遇到过类似的问题？
我正在使用 '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'，但是点击它显示任何信息似乎没有任何作用。可能 'i' 意味着什么？
如果我使用 Chrome 在同一个 iphone 上显示同一张地图，我会遇到同样的问题，但使用 'Google search' 可以正确显示地图并通过仅显示数据来响应触摸很好。
谢谢史蒂夫。我找到了问题的根源。 我在 .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">
我现在可以在我的移动设备上缩放和平移我的地图了。元 'viewport' 属性 'maximum-scale' and/or 'user-scalable' 妨碍了。