Javascript 在嵌入式谷歌地图上点击缩放可缩放整个页面

如何在基于Google Maps v3的web应用程序中让pinch to zoom正常工作？现在，在触摸屏Windows8设备上捏一下会放大整个页面，而不是地图。我在Chrome和Firefox上都试过了，它在谷歌地图网站上正常工作，但在我的网站上没有

我在

元素中有以下meta标记，但它似乎没有帮助。是否还有其他元标记需要添加？我查看了谷歌地图网站的来源，但找不到任何看起来相关的元标记

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">

---

这很可能是因为您正在使用覆盖

通过添加以下代码，可以阻止挤压和拖动：

window.blockMenuHeaderScroll = false;
$(window).on('touchstart', function(e)
{
    if ($(e.target).closest('#map').length == 1)
    {
        blockMenuHeaderScroll = true;
    }
});
$(window).on('touchend', function()
{
    blockMenuHeaderScroll = false;
});
$(window).on('touchmove', function(e)
{
    if (blockMenuHeaderScroll)
    {
        e.preventDefault();
    }
});

---

多亏了

我来自windows froms development，内置webbrowser用于显示Google地图，但发现在触摸设备上，两个手指缩放将导致整个页面缩放，而不是缩放地图，最后我的解决方案如下： 在gpedit.msc中，浏览器页面缩放功能被禁用以实现此效果，但我认为这并不完美，为什么googleMap会提高Web浏览器处理页面缩放的优先级