1

我创建了一个显示自己的图块的 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 搜索”可以正确显示地图并通过显示数据来响应触摸。

4

1 回答 1

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">

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

于 2017-04-20T19:15:41.043 回答