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

时间:2017-04-10 20:25:20

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

我创建了一个显示自己的图块的地图框图,这在桌面上可以正常工作。当我尝试移动时(Iphone使用IOS IOS 10.3.1)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搜索”会正确显示地图并通过显示数据来响应触摸。

1 个答案:

答案 0 :(得分:0)

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

将其更改为:

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