gpt4 book ai didi

javascript - 在嵌入式 Google map 上双指缩放可缩放整个页面

转载 作者:太空宇宙 更新时间:2023-11-04 13:29:40 33 4
gpt4 key购买 nike

如何才能在我的基于 Google map v3 的网络应用程序中正常工作?现在,在触摸屏 Windows 8 设备上捏合会缩放整个页面,而不是 map 。我在 Chrome 和 Firefox 中都试过了,它在谷歌地图网站上运行正常,但在我的网站上却不行。

我的 <head> 中有以下元标记元素,但它似乎没有帮助。我需要添加另一个元标记吗?我检查了 Google map 网站的来源,但找不到任何看起来相关的元标记。

<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();
}
});

感谢https://stackoverflow.com/a/17159809

关于javascript - 在嵌入式 Google map 上双指缩放可缩放整个页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23118267/

33 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com