Google Maps在Chrome移动版中无法交互

Question

我正在基于HTML5，基于jQuery Mobile的移动网站中使用Google Maps。 问题在于，在Chrome中，地图不是交互式的，即行为不符合预期：捏，平移或任何手势都无法正常工作。 该地图或多或少像一幅图片，如果我捏一下，浏览器最终会放大整个站点。 奇怪的是，如果我设法点击地图上的左上+/-按钮，它会按预期缩放-尽管有点慢/断断续续。

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

我已经在几种台式机浏览器（包括Chrome）中测试了该网站，它们均正常运行。 至于移动浏览器，我已经测试了Android浏览器，Opera Mobile，Safari和Chrome Mobile。 Android和IOS版本的Chrome均发生地图错误。

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

Answer 1

所以手势处理：“贪婪”！

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