如何复制谷歌地图和 leaflet.js（触控板和手机）的捏缩放交互

Question

我很好奇如何在谷歌地图和leaflet.js等 map 工具上重新创建捏缩放的工作方式

在任何其他网站上，当您捏缩放整个浏览器 windows 时，您捏缩放的任何内容都会放大。

在谷歌地图或 Leaflet.js 上，当您在 map 上捏缩放时，它似乎会覆盖该功能，并使 map 以与您使用手指或鼠标滚轮完全相同的方式放大和缩小。

他们会怎么做呢？

澄清一下 - 我也不想禁用视口中的缩放。 我只希望页面的特定部分忽略标准捏缩放（使用触控板或移动设备），而是将捏缩放解释为仅标准滚轮事件

Answer 1

这似乎有效 - 但如果有人有更好的建议，请告诉我。

element.addEventListener('wheel', event => {
    const { ctrlKey } = event
    if (ctrlKey) {
         event.preventDefault();
         return
        }
      }, { passive: false })

我指定了 div，现在捏缩放在其他任何地方都可以使用，但该元素