1

我在基于 HTML5、jQuery Mobile 的移动站点中使用 Google 地图。问题在于，在 Chrome 中，地图不是交互式的，即行为不符合预期：捏合、平移或任何手势根本不起作用。该地图或多或少表现为图片，如果我捏它，浏览器最终会放大整个站点。奇怪的是，如果我设法点击地图左上角的 +/- 按钮，它会按预期缩放 - 尽管有点慢/波涛汹涌。

值得一提的是，我使用了几个地图标记以及一个将地图缩放设置为绑定标记的函数。这是在所有经过测试的浏览器中正确“呈现”的方式。

我已经在几个桌面浏览器（包括 Chrome）中测试了该站点，所有这些都可以正常工作。至于移动浏览器，我测试了 Android 浏览器、Opera Mobile、Safari，最后是 Chrome Mobile。地图错误发生在 Android 和 IOS 版本的 Chrome 中。

看到它适用于大多数移动浏览器并且 Chrome 是这群人中的新人，我想知道是否还有其他人看到过这种行为？希望这可能是我现在不附加任何代码的情况。但是，如果有人认为这可能是由代码中的错误引起的，我很乐意对其进行编辑。

4

1 回答 1

1

所以gestureHandling：'贪婪'！

var map = new google.maps.Map(document.getElementById('map'), {
      zoom: 14,
      styles: styleArray,
      center: myLatLng,
      gestureHandling: 'greedy'
    });
于 2018-05-11T01:28:40.827 回答