谷歌地图在 Chrome 手机中无法交互

Question

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

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

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

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

Answer 1

所以gestureHandling：'贪婪'!!!

var map = new google.maps.Map(document.getElementById('map'), {
      zoom: 14,
      styles: styleArray,
      center: myLatLng,
      gestureHandling: 'greedy'
    });